@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&display=swap";:root{--bg-outer: #051a16;--bg-mid: #052420;--bg-inner: #073129;--panel: #042922;--tile: #262724;--tile-active: #31322e;--tile-locked: #1c1d1b;--ink: #e4e2c8;--muted: #b0af95;--accent: #d3cc9b;--accent-2: #8aa37c;--danger: #ffbca1;--edge: #0d4d3d}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -10%,#0f5646 0%,transparent 42%),linear-gradient(165deg,var(--bg-outer),var(--bg-mid) 45%,var(--bg-inner));color:var(--ink)}#root{min-height:0}.seo-intro{max-width:720px;margin:0 auto;padding:10px 12px 2px;text-align:center}.seo-intro h1{margin:0;font-size:clamp(1.45rem,3.2vw,2rem);line-height:1.1;letter-spacing:.03em;color:#e9ecddeb}.seo-intro p{margin:.45rem auto 0;max-width:760px;font-size:clamp(.9rem,1.75vw,1rem);line-height:1.52;color:#c2c9b5d9}.seo-footer{max-width:760px;margin:18px auto 0;border-top:1px solid rgba(126,163,145,.34);text-align:center;font-size:.74rem;line-height:1.2;color:#b4bda8d9;padding:.7rem .75rem .85rem;letter-spacing:.04em}.seo-howto{max-width:760px;margin:12px auto 0;padding:0 12px;text-align:center}.seo-howto h2{margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem);letter-spacing:.04em;color:#e7ebddeb}.seo-howto ul{margin:.55rem auto 0;padding-left:1.15rem;text-align:left;max-width:350px;color:#c8cfbae6;font-size:.9rem;line-height:1.45}.page{min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:max(6px,env(safe-area-inset-top)) 1rem 1.2rem}.app-shell{width:min(560px,100%);border-radius:22px;padding:1.2rem 1rem 1.4rem;border:1px solid #0e5848;background:linear-gradient(140deg,#062a23e6,#011d18eb),radial-gradient(circle at 70% 10%,rgba(40,117,98,.28),transparent 42%);box-shadow:0 20px 50px #00000061,inset 0 0 0 1px #9dbeaa14}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.title-wrap{text-align:center}.title-wrap__brand{margin:0;letter-spacing:.12em;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;line-height:1;color:var(--ink)}.title-wrap__sub{margin:.4rem 0 0;letter-spacing:.12em;font-size:.7rem;color:var(--muted)}.icon-button{border:1px solid #0c5b49;background:linear-gradient(180deg,#114338,#0a2f28);color:var(--ink);border-radius:12px;min-width:68px;padding:.45rem .6rem;font-size:.72rem;letter-spacing:.06em;font-weight:700;cursor:pointer}.icon-button--small{min-width:auto;padding:.3rem .5rem}.meta-row{margin-top:1rem;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:.8rem;color:var(--muted);font-size:.78rem;letter-spacing:.03em}.meta-row p{margin:0}.link-button{border:1px solid #1a6b57;border-radius:999px;padding:.25rem .58rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--ink);background:linear-gradient(180deg,#145443,#0c342b);cursor:pointer}.board-wrap{margin-top:1rem}.board{position:relative;margin:0 auto;width:min(100%,500px);aspect-ratio:1 / 1;border-radius:20px;border:1px solid rgba(93,148,130,.2);background:radial-gradient(circle at 50% 35%,rgba(18,92,78,.45),transparent 72%),linear-gradient(190deg,#002621e6,#001b17f2);overflow:hidden}.board.is-resolving{animation:boardPulse .4s ease-out}@keyframes boardPulse{0%{transform:scale(1)}50%{transform:scale(.995)}to{transform:scale(1)}}.tile{position:absolute;transform:translate(-50%,-50%);width:clamp(56px,10vw,72px);aspect-ratio:1 / 1;border-radius:10px;border:1px solid rgba(190,183,140,.25);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;background:transparent;padding:0}.tile__surface{width:100%;height:100%;border-radius:inherit;display:grid;place-items:center;font-size:inherit;font-weight:inherit;color:var(--accent);border:1px solid rgba(190,183,140,.25);background:linear-gradient(160deg,#33342f,var(--tile));box-shadow:0 7px #000,0 10px 24px #00000070}.tile.tile--active:hover{transform:translate(-50%,calc(-50% - 3px))}.tile.tile--overlapped{pointer-events:none}.tile.tile--overlapped .tile__surface{background:linear-gradient(160deg,#1e1f1db8,#141614b8);color:#acaa945c;border-color:#a99e7624;box-shadow:0 1px 14px #00000038;opacity:.84}.rack{margin:1.15rem auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;width:min(100%,370px)}.slot{height:62px;border:1px dashed rgba(152,165,135,.25);border-radius:11px;background:#05261fb8;color:var(--accent);font-weight:700;font-size:1.7rem}.slot.is-filled{cursor:pointer;border:1px solid rgba(197,189,146,.32);background:linear-gradient(160deg,#2d2f2b,#2a2b29);box-shadow:0 6px #000}.hint-slider{--progress: 0;margin:1.15rem auto 0;width:min(100%,360px);border-radius:16px;position:relative;background:#041f1ab8;border:1px solid #134e40;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;padding:.45rem}.hint-slider.is-disabled{opacity:.5;cursor:default}.hint-slider__instruction{text-align:center;font-size:.78rem;letter-spacing:.06em;color:#dadec1d9;margin-bottom:.4rem;font-weight:700}.hint-slider__surface{height:44px;border-radius:999px;position:relative;background:linear-gradient(180deg,#103f34,#0a2f28);border:1px solid #135143;overflow:hidden}.hint-slider__fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(var(--progress));background:linear-gradient(90deg,#adaf7740,#eadc9159)}.hint-slider__hint-text{position:absolute;top:0;right:1rem;bottom:0;left:3.2rem;display:grid;align-items:center;color:#e3e7cceb;font-size:.77rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint-slider__handle{position:absolute;top:calc(.45rem + 22px);left:calc(.45rem + 4px + var(--progress) * (100% - 66px));width:36px;aspect-ratio:1 / 1;border-radius:999px;background:linear-gradient(180deg,#d9d28f,#c8b760);color:#1f2b21;font-weight:800;display:grid;place-items:center;box-shadow:0 5px 16px #0000005c}.message{margin:.9rem auto 0;text-align:center;min-height:1.2rem;color:var(--danger);font-size:.8rem}.footer-metric{margin:.65rem auto 0;text-align:center;color:#d0d6bdad;font-size:.74rem}.complete-wrap{margin-top:1.2rem}.complete-card{border-radius:18px;border:1px solid rgba(86,145,125,.28);background:linear-gradient(165deg,#062d26f2,#021d18f2),radial-gradient(circle at 50% -20%,rgba(95,164,142,.2),transparent 60%);box-shadow:0 14px 28px #00000059;padding:1.65rem 1.1rem 1.2rem;text-align:center}.complete-card h2{margin:0;font-size:2.1rem;letter-spacing:.06em}.complete-card__sub{margin:.55rem 0 0;color:#d4dac5d9;font-size:1rem}.complete-card__star{margin:.7rem 0 0;font-size:2.15rem;color:#ffc53a;line-height:1;letter-spacing:.1em}.complete-card__hints{margin:.65rem 0 0;color:#d4dac5e6;font-size:1.05rem}.share-button{margin-top:.9rem;border:1px solid rgba(77,165,132,.48);border-radius:8px;min-width:140px;padding:.56rem .9rem;color:#ebf0e4;font-size:1.13rem;font-weight:800;letter-spacing:.08em;cursor:pointer;background:linear-gradient(180deg,#2f8a69,#2a785c)}.complete-card__next{margin:.8rem 0 0;color:#d6dacde0;font-size:1.05rem}.complete-card__next strong{color:#fff}.new-best{color:var(--accent-2);font-weight:700;margin:.65rem 0 0}.complete-card__best{margin:.48rem 0 0;color:#bcc5b0d9}.timecard{margin-top:1.2rem}.timecard h3{margin:0;text-align:center;letter-spacing:.06em;font-size:1.9rem}.timecard__table{margin-top:.78rem;border-radius:12px;overflow:hidden;border:1px solid rgba(86,145,125,.28);background:#072b24cc}.timecard__row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:.58rem .88rem;border-bottom:1px solid rgba(122,155,135,.22);font-size:1.02rem}.timecard__row span:first-child{letter-spacing:.09em;color:#cdd4c0db}.timecard__row span:last-child{font-weight:800;color:#e7ebde}.timecard__row--total{border-bottom:none;background:#41816933}.timecard__new{margin:.85rem auto 0;display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030a08b8;display:grid;place-items:center;padding:1rem}.modal{width:min(540px,100%);border-radius:14px;border:1px solid rgba(167,177,152,.24);background:linear-gradient(170deg,#17352f,#0f2621);box-shadow:0 18px 44px #0000006b}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem .85rem .65rem;border-bottom:1px solid rgba(174,188,161,.2)}.modal-head h2{margin:0;font-size:1rem}.modal-body{padding:.85rem}.modal-body p{margin-top:0;margin-bottom:.7rem;color:#daddc7eb}.setting{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}@media (max-width: 520px){.app-shell{padding:.95rem .75rem 1.2rem}.tile{width:clamp(51px,14vw,62px)}.rack{gap:.45rem}.slot{height:56px;font-size:1.45rem}.icon-button{min-width:60px;padding-inline:.45rem;font-size:.66rem}.complete-card h2{font-size:1.8rem}.complete-card__sub,.complete-card__hints,.complete-card__next{font-size:.95rem}.timecard h3{font-size:1.5rem}.timecard__row{font-size:.92rem}}