:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--tg-theme-text-color, #1f2923);background:var(--tg-theme-bg-color, #f4f1ea);font-synthesis:none;--ink: #1f2923;--muted: #6d746e;--forest: #263e34;--forest-2: #345244;--paper: #f4f1ea;--card: #fffdf8;--line: rgba(39, 56, 47, .12);--gold: #d0b86f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:var(--tg-theme-secondary-bg-color, var(--paper))}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#root{min-height:100dvh}main{width:min(100%,560px);margin:0 auto;min-height:100dvh;padding:max(22px,var(--tg-content-safe-area-inset-top, 0px)) max(18px,var(--tg-content-safe-area-inset-right, 0px)) max(26px,var(--tg-content-safe-area-inset-bottom, 0px)) max(18px,var(--tg-content-safe-area-inset-left, 0px))}.page-enter{animation:enter .28s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(7px)}}.home-header{display:flex;align-items:center;gap:13px;padding:8px 2px 26px}.mark{width:50px;height:50px;display:grid;place-items:center;color:#f8f3e7;background:var(--forest);border-radius:14px;font-size:29px;box-shadow:0 9px 24px #263e3433}.eyebrow{margin:0 0 4px;color:#8a7950;font-size:10px;font-weight:800;letter-spacing:.15em}h1{font-family:Georgia,Times New Roman,serif;margin:0;font-size:clamp(25px,7vw,34px);font-weight:600;letter-spacing:-.025em}.progress-card{position:relative;display:grid;grid-template-columns:1fr 68px;gap:14px 22px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--tg-theme-bg-color, var(--card));box-shadow:0 12px 34px #1e2b240f;overflow:hidden}.progress-card:before{content:"♟";position:absolute;right:82px;top:-40px;color:#263e3406;font-size:150px}.progress-copy span{color:var(--muted);font-size:13px}.progress-copy strong{display:block;margin-top:5px;font-family:Georgia,serif;font-size:35px;font-weight:500}.progress-copy i{color:#8c918d;font-size:18px;font-style:normal}.progress-ring{grid-row:span 2;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--forest) var(--progress),#e6e2d8 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:6px;background:var(--card);border-radius:inherit}.progress-ring span{position:relative;z-index:1;font-size:12px;font-weight:800}.progress-track{height:5px;background:#e9e5dc;border-radius:5px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--forest);border-radius:inherit}.streak{grid-column:1 / -1;margin:2px -22px -22px;padding:13px 22px;background:#eee8da;color:#4b514d;font-size:13px}.streak span{margin-right:5px}.primary{border:0;border-radius:14px;color:#fff;background:var(--forest);font-weight:750;box-shadow:0 9px 23px #263e3430}.hero-button{width:100%;margin:18px 0 24px;padding:17px 20px;font-size:15px}.play{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:12px;padding-left:2px;color:var(--forest);background:#f2ead5;border-radius:50%;font-size:10px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-grid button{min-height:142px;padding:17px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--tg-theme-bg-color, var(--card));box-shadow:0 7px 20px #1e2b240a}.menu-grid button:active{transform:scale(.985)}.menu-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:17px;border-radius:12px;font-size:21px}.olive{color:#365044;background:#dfe7df}.sand{color:#765e32;background:#eee4cb}.rose{color:#835f5f;background:#f0dddd}.blue{color:#49636f;background:#dce8eb}.menu-grid b,.menu-grid small{display:block}.menu-grid b{font-family:Georgia,serif;font-size:16px}.menu-grid small{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.35}blockquote{margin:26px 12px 4px;color:#7d817d;font-family:Georgia,serif;font-size:13px;line-height:1.6;text-align:center;font-style:italic}.training{background:var(--paper)}.training-header{display:grid;grid-template-columns:42px 1fr 52px;align-items:center;gap:8px;margin:2px 0 22px}.training-header button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:21px}.training-header span,.training-header strong{display:block}.training-header div:nth-child(2) span{color:#8a7950;font-size:9px;letter-spacing:.15em;font-weight:800}.training-header strong{margin-top:2px;font-family:Georgia,serif;font-size:20px}.mini-streak{padding:9px;background:#eee8da;border-radius:12px;font-size:12px;font-weight:800;text-align:center}.status-line{display:flex;align-items:center;gap:9px;margin:0 4px 13px;font-size:13px}.status-dot{width:8px;height:8px;border:2px solid var(--forest);border-radius:50%}.status-dot.done{background:var(--forest)}.timer{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.board-wrap{width:100%;padding:7px;border-radius:9px;background:#31483c;box-shadow:0 20px 50px #1f272229}.turn-hint{margin:14px 0 20px;color:var(--muted);font-size:12px;text-align:center}.training-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:11px}.training-actions button{padding:14px 8px;border:1px solid var(--line);border-radius:13px;background:var(--card);font-size:12px;font-weight:700}.training-actions span{margin-right:7px;color:#8a7950}.result-sheet{display:grid;grid-template-columns:44px 1fr;gap:8px 12px;align-items:center;margin-top:18px;padding:17px;background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 35px #1f272217}.result-check{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--forest);font-weight:900}.result-sheet h2,.result-sheet p{margin:0}.result-sheet h2{font:600 21px Georgia,serif}.result-sheet p{margin-top:4px;color:var(--muted);font-size:11px}.result-sheet button{grid-column:1/-1;padding:14px}.promotion-dialog{position:fixed;z-index:10;left:50%;bottom:max(24px,var(--tg-content-safe-area-inset-bottom, 0px));width:min(calc(100% - 32px),430px);transform:translate(-50%);padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--card);box-shadow:0 20px 60px #0a140f59;text-align:center}.promotion-dialog p{margin:0 0 14px;font:600 17px Georgia,serif}.promotion-dialog div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.promotion-dialog div button{height:58px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:34px}.promotion-dialog .cancel-promotion{margin-top:13px;border:0;background:transparent;color:var(--muted);font-size:12px}.loading{display:grid;place-content:center;text-align:center;color:var(--muted)}.spinner{width:30px;height:30px;margin:0 auto;border:3px solid #ddd7ca;border-top-color:var(--forest);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.placeholder{padding-top:34px}.back-link{margin-bottom:65px;padding:0;border:0;background:transparent;color:var(--muted)}.placeholder>p:not(.eyebrow){color:var(--muted);line-height:1.6}.empty-state{display:grid;place-items:center;margin-top:55px;padding:45px 20px;border:1px solid var(--line);border-radius:20px;background:var(--card);text-align:center}.empty-state span{font-size:44px;color:#87958c}.empty-state b{margin-top:14px;font-family:Georgia,serif}.empty-state small{max-width:250px;margin-top:8px;color:var(--muted);line-height:1.5}@media(prefers-color-scheme:dark){:root{--paper:#17201c;--card:#202b25;--ink:#eef2ed;--muted:#aab4ad;--line:rgba(255,255,255,.1);color:#eef2ed}.progress-ring:after{background:var(--card)}.streak,.mini-streak{background:#33362d}.training{background:var(--paper)}}@media(min-width:700px){main{padding-top:34px}.board-wrap{max-width:520px;margin:0 auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}