:root{color-scheme:dark;--paper:#080808;--ink:#f7f1e7;--muted:#c6bba7;--gold:#dbbd75;--line:#51452d;--pink:#ed6d91;--spring:cubic-bezier(.22,1.35,.42,1);--banner-space:62px;font-family:system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% 35%,#28151c 0,#0b0909 33%,#080808 62%);-webkit-tap-highlight-color:transparent}
button,a,input,select{touch-action:manipulation}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f6d98f;outline-offset:3px}
.home-bar{position:sticky;top:0;z-index:30;display:flex;width:100%;min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #f4dfa5;background:linear-gradient(110deg,#b18a38,#f0d98e 48%,#b18a38);color:#090806;padding-top:env(safe-area-inset-top);box-shadow:0 8px 28px #0009,inset 0 1px #fff8;font-size:.88rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.home-bar:before{content:"←";font-size:1.15rem}.home-bar:hover{background:linear-gradient(110deg,#d0ad5c,#ffe9aa 48%,#d0ad5c)}.home-bar:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.game-shell{width:min(100%,480px);height:min(850px,calc(100svh - 52px - env(safe-area-inset-top)));min-height:590px;margin-inline:auto;padding:16px 18px calc(10px + env(safe-area-inset-bottom) + var(--banner-space));display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-shrink:0}.game-identity{min-width:0;display:flex;flex-direction:column;gap:3px}.wordmark{font:500 clamp(25px,8vw,34px)/1 Georgia,serif;letter-spacing:-1.3px;color:var(--gold);white-space:nowrap}.player-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.1em}.player-name:empty{display:none}.top-actions{display:flex;gap:4px}.icon-button{width:39px;height:39px;border:1px solid #5f4c29;background:#17130f;color:#ecd59c;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:22px;line-height:1;transition:background .2s,transform .25s var(--spring)}.icon-button:hover{background:#2b2117}.icon-button:active{transform:scale(.92)}.info-icon{font:italic bold 20px Georgia,serif}
.scorebar{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--line);flex-shrink:0}.scorebar.is-timer-hidden{grid-template-columns:repeat(3,1fr)}.scorebar>div{text-align:center;border-right:1px solid var(--line)}.scorebar>div:last-child{border:0}.scorebar>div[hidden]{display:none}.stat-label{display:block;margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.1px}.scorebar strong{font-size:22px;font-weight:550;font-variant-numeric:tabular-nums}
.play-area{min-height:0;flex:1;display:flex;flex-direction:column}.board-wrap{position:relative;min-height:300px;flex:1;border:1px solid #594226;border-radius:20px;background:radial-gradient(circle at 50% 48%,#502231,#211118 58%,#100b0c);box-shadow:inset 0 0 50px #000a,0 18px 50px #0006;overflow:hidden}.board-wrap:before{content:"";position:absolute;inset:9px;border:1px solid #d7ad5d22;border-radius:14px;pointer-events:none}.board{position:absolute;left:14px;right:14px;top:50%;height:min(78%,380px);transform:translateY(-50%);touch-action:none;container-type:size}.tile{position:absolute;width:var(--tile-width);aspect-ratio:.92;padding:0;border:0;background:transparent;transform:translate(calc(var(--z) * -6px),calc(var(--z) * -7px));transition:opacity .25s ease,transform .3s var(--spring),filter .2s;z-index:calc(var(--z) * 100 + var(--order));user-select:none}.tile-shell{position:absolute;inset:0;display:grid;place-items:center;border:2px solid #f4dfaa;border-radius:10px;background:linear-gradient(145deg,#fffaf0,#d8c6a5 72%,#a68a59);box-shadow:5px 6px 0 #725a37,8px 11px 14px #000a,inset 0 1px #fff;overflow:hidden}.tile-shell:before{content:"";position:absolute;inset:4px;border:1px solid #9b774a66;border-radius:6px;z-index:2;pointer-events:none}.tile-art{position:absolute;inset:6px;z-index:1;border-radius:5px;background-repeat:no-repeat;background-color:#f6f0e4;filter:saturate(.9) contrast(1.03);box-shadow:inset 0 0 0 1px #6b54302e}.tile:not(.is-free){filter:saturate(.92) brightness(.92)}.tile.is-free:hover .tile-shell{border-color:#fff0bb;box-shadow:5px 6px 0 #725a37,0 0 0 3px #f2ce7966,8px 11px 14px #0009}.tile.is-selected{transform:translate(calc(var(--z) * -6px),calc(var(--z) * -13px)) scale(1.055)}.tile.is-selected .tile-shell{border-color:#fff6cb;box-shadow:5px 7px 0 #9c4a62,0 0 0 4px #ef7194,0 0 22px #ff86a9}.tile.is-hint .tile-shell{animation:hint-pulse .75s ease-in-out 2}.tile.is-removed{opacity:0;transform:translate(calc(var(--z) * -6px),calc(var(--z) * -22px)) scale(.7);pointer-events:none}.tile.is-wrong{animation:wrong .28s ease}.tile:disabled{cursor:default}
@keyframes hint-pulse{50%{box-shadow:4px 6px 0 #725a37,0 0 0 5px #f7d36e,0 0 25px #ffd969}}@keyframes wrong{25%,75%{translate:-4px 0}50%{translate:4px 0}}
.start-layer{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#0805068c;backdrop-filter:blur(5px)}.start-panel{width:min(100%,310px);padding:24px 20px;border:1px solid #b5904e;border-radius:18px;background:linear-gradient(145deg,#1e1316,#0d0b0b);box-shadow:0 20px 60px #000c;text-align:center}.tiny-ornament{color:var(--gold);font-size:22px}.start-panel h2{margin:7px 0 10px;font:400 31px/1.08 Georgia,serif}.start-panel p{margin:0 0 17px;color:var(--muted);font-size:14px;line-height:1.5}
.start-layer[hidden]{display:none}
.game-tools{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:59px;padding-top:11px}.game-tools p{margin:0;color:var(--muted);font-size:12px;line-height:1.38}.secondary-button,.primary-button{min-height:44px;border-radius:10px;padding:10px 15px;font-size:14px;font-weight:700}.primary-button{border:1px solid var(--gold);background:var(--gold);color:#111;display:flex;align-items:center;justify-content:center;gap:14px}.primary-button:hover{background:#efd799}.secondary-button{border:1px solid #826b3c;background:#15120e;color:#f0d99e}.secondary-button:hover{background:#292116}.game-tools .secondary-button{display:flex;align-items:center;gap:8px}.game-tools .secondary-button span:first-child{color:#f4cf71}
.modal{width:min(calc(100vw - 28px),400px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #8f7543;background:#111;color:var(--ink);border-radius:20px;padding:22px;box-shadow:0 25px 100px #000c}.modal::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-top h2,.compact-modal h2,.result-modal h2{margin:0;font:400 30px/1.1 Georgia,serif}.dialog-top .icon-button{width:36px;height:36px;font-size:18px}.modal .primary-button{width:100%}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:11px;font-weight:750;letter-spacing:1.5px}.compact-modal>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.55}.dialog-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
fieldset{border:0;padding:0;margin:0 0 15px}legend,.field-label{margin-bottom:8px;font-size:14px;font-weight:600}.field-label{display:block}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.size-options label{position:relative}.size-options input{position:absolute;opacity:0}.size-options span{display:grid;gap:2px;place-items:center;padding:9px 3px;border:1px solid #75623e;border-radius:9px;cursor:pointer}.size-options b{font-size:18px}.size-options small{color:var(--muted);font-size:10px}.size-options input:checked+span{background:var(--gold);color:#111}.size-options input:checked+span small{color:#332b1c}.size-options input:focus-visible+span{outline:3px solid var(--gold);outline-offset:3px}select{width:100%;height:42px;margin:0 0 8px;border:1px solid #75623e;border-radius:9px;background:#202020;color:var(--ink);padding:7px 10px;font-size:16px}.toggle-row{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);cursor:pointer}.toggle-row strong{font-size:14px;font-weight:500}input[role=switch]{appearance:none;width:40px;height:24px;margin:0;border:1px solid #8e836d;border-radius:20px;background:#39372f;position:relative;cursor:pointer}input[role=switch]:before{content:"";width:16px;height:16px;background:#f5f0e5;position:absolute;top:3px;left:3px;border-radius:50%;transition:transform .2s}input[role=switch]:checked{background:var(--gold)}input[role=switch]:checked:before{transform:translateX(16px);background:#111}.settings-note{margin:13px 0;color:var(--muted);font-size:12px;line-height:1.45}
.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.record-grid div{display:grid;gap:4px;padding:11px 5px;border:1px solid #5c4a2a;border-radius:10px;background:#17130f;text-align:center}.record-grid span{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.1em}.record-grid strong{font-size:15px}.record-mode{margin:0 0 22px;color:var(--muted);font-size:11px;text-align:center}.rules h3{margin:20px 0 9px;color:var(--gold);font-size:15px}.rules h3:first-child{margin-top:0;color:var(--ink);font:400 25px Georgia,serif}.rules>p{margin:0 0 11px;color:var(--muted);font-size:14px;line-height:1.55}.control-rule{display:flex;align-items:center;gap:11px;margin:9px 0}.control-rule p{margin:0;font-size:13px;line-height:1.4}.control-symbol{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border:1px solid #554625;border-radius:50%;background:#15130e;color:#ecd59c;font-size:20px}.result-emblem{font-size:52px;text-align:center;filter:drop-shadow(0 5px 6px #0007)}.result-modal h2{text-align:center}.result-modal>p:not(.eyebrow){color:var(--muted);text-align:center}.result-stats{display:grid;grid-template-columns:1fr 1fr;margin:18px 0;border-block:1px solid var(--line)}.result-stats div{display:grid;gap:3px;padding:13px;text-align:center;border-right:1px solid var(--line)}.result-stats div:last-child{border:0}.result-stats strong{font-size:24px}.result-stats span{color:var(--muted);font-size:11px;text-transform:uppercase}.result-best{min-height:20px;color:var(--gold)!important;font-weight:700}
.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
@media(max-width:430px){.wordmark{font-size:22px}.icon-button{width:35px;height:35px}.top-actions{gap:3px}}
@media(max-width:380px){.game-shell{padding-inline:12px}.wordmark{font-size:21px}.icon-button{width:34px;height:34px}.board{left:9px;right:9px}.game-tools{gap:8px}.game-tools p{font-size:11px}}
@media(min-width:650px){.game-shell{width:min(94vw,760px);height:calc(100svh - 52px - env(safe-area-inset-top));max-height:none;padding:22px 32px calc(18px + env(safe-area-inset-bottom) + var(--banner-space))}.wordmark{font-size:42px}.topbar{margin-bottom:20px}.icon-button{width:44px;height:44px}.scorebar strong{font-size:28px}.board-wrap{min-height:520px}.board{left:34px;right:34px;height:min(88%,600px)}.tile-shell{border-radius:13px}.tile-art{inset:8px;border-radius:6px}.game-tools p{font-size:14px}}
@media(min-width:900px) and (orientation:landscape){.game-shell{width:min(96vw,900px);padding-bottom:24px}.board-wrap{min-height:390px}.board{left:40px;right:40px;height:min(88%,420px)}.play-area{display:grid;grid-template-columns:1fr 180px;gap:18px}.game-tools{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:0}.game-tools .secondary-button{justify-content:center}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}