:root{color-scheme:dark;--ink:#080706;--panel:#12100c;--panel-2:#1a160e;--ivory:#f3ead5;--muted:#b5aa92;--gold:#d6b866;--gold-soft:#f1d998;--gold-dark:#73591f;--burgundy:#762b36;--bronze:#9b6935;--line:#5e4d2a;--spring:cubic-bezier(.2,1.28,.35,1);font-family:Inter,Arial,sans-serif;background:var(--ink);color:var(--ivory)}*{box-sizing:border-box}html{background:var(--ink)}body{min-height:100svh;margin:0;background:radial-gradient(circle at 50% 12%,#40331c55,transparent 30%),linear-gradient(145deg,#080706,#120f09 52%,#070706);-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(110deg,transparent 0 18px,#d6b86608 19px 20px)}button,select,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.36}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}.home-bar{position:relative;z-index:20;display:flex;min-height:52px;align-items:center;justify-content:center;gap:9px;border-bottom:1px solid #f0d68a;background:linear-gradient(110deg,#a27c31,#ead085 48%,#9b752d);color:#090806;font-size:.82rem;font-weight:850;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;box-shadow:0 7px 24px #0009}.home-bar:before{content:"←";font-size:1.05rem}.preview-capture .home-bar{display:none}.preview-capture .game-shell{min-height:100svh}.game-shell{position:relative;width:min(100%,520px);min-height:calc(100svh - 52px);margin:auto;padding:13px 14px calc(18px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.game-identity{min-width:0}.game-identity h1{margin:0;color:var(--gold-soft);font:500 clamp(27px,8vw,35px)/1 Georgia,serif;letter-spacing:-1.2px}.player-name{display:block;min-height:12px;margin-top:4px;overflow:hidden;color:#b9aa87;font-size:9px;font-weight:750;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}.player-name:empty{display:none}.top-actions{display:flex;flex-shrink:0;gap:5px}.icon-button{display:grid;width:39px;height:39px;place-items:center;border:1px solid #68562f;border-radius:50%;background:#15120d;color:var(--gold-soft);font-size:21px;line-height:1;box-shadow:inset 0 1px #fff1}.icon-button:active{transform:scale(.93)}.info-icon{font:italic bold 19px Georgia,serif}.scorebar{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 7px;border-block:1px solid #4a3b22}.scorebar.is-timer-hidden{grid-template-columns:repeat(3,1fr)}.scorebar>div{padding:6px 3px;text-align:center;border-right:1px solid #40351f}.scorebar>div:last-child,.scorebar.is-timer-hidden>div:nth-child(3){border-right:0}.scorebar span{display:block;color:#aa9d83;font-size:8px;font-weight:800;letter-spacing:.13em}.scorebar strong{display:block;margin-top:2px;color:var(--gold-soft);font:normal 18px Georgia,serif;font-variant-numeric:tabular-nums}.message{min-height:18px;margin:4px 0 7px;color:#d8cdb7;font-size:11px;line-height:1.4;text-align:center}.board-panel{position:relative;width:min(100%,390px);margin:auto;padding:8px;border:1px solid #806832;border-radius:16px;background:linear-gradient(145deg,#322916,#100e0a 68%);box-shadow:0 16px 42px #000b,inset 0 1px #fff2}.board-panel:before{content:"";position:absolute;inset:4px;border:1px solid #d6b86621;border-radius:12px;pointer-events:none}.frame-corners i{position:absolute;z-index:5;width:12px;height:12px;border-color:var(--gold);opacity:.7}.frame-corners i:nth-child(1){left:4px;top:4px;border-left:2px solid;border-top:2px solid}.frame-corners i:nth-child(2){right:4px;top:4px;border-right:2px solid;border-top:2px solid}.frame-corners i:nth-child(3){left:4px;bottom:4px;border-left:2px solid;border-bottom:2px solid}.frame-corners i:nth-child(4){right:4px;bottom:4px;border-right:2px solid;border-bottom:2px solid}.board{position:relative;width:75%;aspect-ratio:6/8;margin:auto;overflow:hidden;border:1px solid #a78b4b;border-radius:7px;background:#080806;box-shadow:inset 0 0 28px #000,0 0 0 4px #080706;touch-action:none;user-select:none}.board-grid{position:absolute;inset:0;background-image:linear-gradient(#bba66f1f 1px,transparent 1px),linear-gradient(90deg,#bba66f1f 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 8);box-shadow:inset 0 0 28px #0008}.piece{position:relative;margin:0;border:0;padding:0;background:transparent;touch-action:none;user-select:none}.board-piece{position:absolute;z-index:3;left:calc(var(--col) * 100% / 6);top:calc(var(--row) * 100% / 8);width:calc(var(--piece-w) * 100% / 6);height:calc(var(--piece-h) * 100% / 8)}.piece-cell{position:absolute;display:grid;left:calc(var(--cell-col) * 100% / var(--piece-w));top:calc(var(--cell-row) * 100% / var(--piece-h));width:calc(100% / var(--piece-w));height:calc(100% / var(--piece-h));place-items:center;border:1px solid #fff5;border-radius:3px;background:linear-gradient(145deg,#f2e7c8,#b9984c 52%,#69501e);box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #0007,0 2px 4px #0007}.piece-cell:after{content:"";position:absolute;inset:4px;border:1px solid #201b1099;border-radius:2px}.piece-cell i{z-index:1;color:#241b0b;font:700 clamp(8px,2.4vw,12px)/1 Georgia,serif}.piece-o .piece-cell{background:linear-gradient(145deg,#fffdf5,#d9d0bb 54%,#837c6d)}.piece-t .piece-cell{background:linear-gradient(145deg,#ca6876,#742b37 56%,#341016)}.piece-l .piece-cell{background:linear-gradient(145deg,#e7ad6e,#9b6935 56%,#503011)}.piece-j .piece-cell{background:linear-gradient(145deg,#e6cf89,#a08335 56%,#4e3b10)}.piece-s .piece-cell{background:linear-gradient(145deg,#aaa59b,#4b4841 60%,#171613)}.piece-z .piece-cell{background:linear-gradient(145deg,#e7d6ad,#9f8a5e 60%,#50432c)}.piece.is-selected{z-index:7;filter:drop-shadow(0 0 7px #fff2a9)}.piece.is-selected .piece-cell{border-color:#fff1aa;box-shadow:inset 0 1px 2px #fffb,inset 0 -2px 3px #0007,0 0 0 2px #f3db8b,0 3px 7px #000b}.piece.is-hinted{animation:hint-pulse .8s ease-in-out 3}.piece.is-dragging{opacity:.48}.piece-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;width:min(100%,390px);margin:8px auto}.piece-actions button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:6px;border:1px solid #6e5a31;border-radius:10px;background:linear-gradient(#1d1911,#0f0d09);color:var(--gold-soft);font-size:11px;font-weight:800}.piece-actions button span:first-child{font-size:17px}.piece-actions #hint{border-color:#9b7835;background:linear-gradient(#342918,#171109)}.drawer{width:min(100%,430px);margin:0 auto;border:1px solid #5f4d2b;border-radius:13px;background:#100e0a;box-shadow:0 10px 25px #0007}.drawer-toggle{display:grid;width:100%;min-height:46px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:0;border-radius:12px;padding:7px 11px;background:linear-gradient(110deg,#1c180f,#100e0a);text-align:left}.drawer-toggle b,.drawer-toggle small{display:block}.drawer-toggle b{color:var(--gold-soft);font-size:9px;letter-spacing:.13em}.drawer-toggle small{margin-top:3px;color:#9b9078;font-size:9px}.drawer-count{display:grid;width:27px;height:27px;place-items:center;border:1px solid #806832;border-radius:50%;color:var(--gold-soft);font:17px Georgia,serif}.chevron{color:var(--gold);transition:transform .2s}.drawer-toggle[aria-expanded=false] .chevron{transform:rotate(180deg)}.piece-drawer{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;min-height:74px;padding:7px 8px 9px;border-top:1px solid #3d321e}.piece-drawer[hidden]{display:none}.drawer-slot{display:grid;min-width:0;height:57px;place-items:center;border:1px solid #332b1d;border-radius:8px;background:#090806}.drawer-piece{width:calc(var(--piece-w) * 11px);height:calc(var(--piece-h) * 11px);min-width:22px;min-height:22px}.drawer-piece .piece-cell i{font-size:7px}.drawer-empty{grid-column:1/-1;align-self:center;margin:0;color:#8f856f;font-size:11px;text-align:center}.hint-target,.drag-preview{position:absolute;z-index:2;left:calc(var(--col) * 100% / 6);top:calc(var(--row) * 100% / 8);width:calc(var(--piece-w) * 100% / 6);height:calc(var(--piece-h) * 100% / 8);pointer-events:none}.hint-target span,.drag-preview span{position:absolute;left:calc(var(--cell-col) * 100% / var(--piece-w));top:calc(var(--cell-row) * 100% / var(--piece-h));width:calc(100% / var(--piece-w));height:calc(100% / var(--piece-h));border:2px dashed #fff0a0;border-radius:4px;background:#d6b86635;box-shadow:inset 0 0 12px #d6b86655}.hint-target.is-blocked span{border-color:#e1897d;background:#8a2f3538}.drag-preview{z-index:9}.drag-preview span{border-style:solid;background:#d6b86688}.drag-preview.is-invalid span{border-color:#ff8b82;background:#8f263b88}.ad-reservation{display:grid;min-height:31px;margin:10px auto 0;place-items:center;border:1px dashed #3c3322;border-radius:9px;color:#665d4d;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.ad-reservation span{font-size:inherit}dialog{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 26px);margin:auto;overflow:auto;border:1px solid #806b3c;border-radius:20px;padding:21px;background:#11100d;color:var(--ivory);box-shadow:0 25px 100px #000e}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}dialog h2{margin:0;color:var(--gold-soft);font:normal 28px Georgia,serif}dialog h3{margin:20px 0 7px;color:var(--gold-soft);font-size:15px}dialog p{font-size:13px;line-height:1.55}.eyebrow{margin:0 0 5px;color:#bfa25d;font-size:9px;font-weight:800;letter-spacing:.15em}.select-field,.switch-row{display:flex;min-height:57px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #3b321f}.select-field span,.select-field small{display:block}.select-field small{max-width:230px;margin-top:3px;color:#9e927b;font-size:10px}.select-field select{min-width:104px;border:1px solid #796439;border-radius:9px;padding:10px;background:#080808;color:var(--ivory)}.switch-row input{width:22px;height:22px;accent-color:var(--gold)}.dialog-note{color:#9d927c!important;font-size:11px!important}.primary-button,.secondary-button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;border-radius:11px;padding:11px 17px;font-weight:800}.primary-button{margin-top:16px;border:1px solid var(--gold);background:var(--gold);color:#111}.secondary-button{border:1px solid #826c3a;background:#0b0a08;color:var(--gold-soft)}.dialog-buttons{display:grid;gap:9px;margin-top:18px}.dialog-buttons .primary-button{margin:0}.record-panel{border:1px solid #4e4229;border-radius:12px;padding:14px;background:#17140e}.record-grid{display:grid;grid-template-columns:1fr auto;gap:8px;color:#b8ad96;font-size:12px}.record-grid strong{color:var(--ivory)}.control-rule{display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:start}.control-symbol{display:grid;width:32px;height:32px;place-items:center;border:1px solid #6b5932;border-radius:50%;color:var(--gold-soft);font-size:18px}.control-rule p{margin:4px 0}.result-dialog{text-align:center}.result-emblem{display:grid;width:70px;height:70px;margin:2px auto 12px;place-items:center;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle,#4f3e19,#12100c 70%);color:var(--gold-soft);font-size:30px;box-shadow:0 0 28px #d6b86633}.result-stats{display:grid;grid-template-columns:1fr 1fr;margin:17px 0}.result-stats div+div{border-left:1px solid #4a3e25}.result-stats strong{display:block;color:var(--gold-soft);font:30px Georgia,serif}.result-stats span{font-size:9px;letter-spacing:.13em}.result-best{padding:10px;border-radius:9px;background:#262116;color:var(--gold-soft)!important}@keyframes hint-pulse{50%{filter:drop-shadow(0 0 13px #fff0a0);transform:scale(1.05)}}.reduced-motion *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}@media(max-width:370px){.game-shell{padding-inline:8px}.top-actions{gap:3px}.icon-button{width:35px;height:37px}.game-identity h1{font-size:25px}.board-panel{width:360px;max-width:100%}.piece-actions button{font-size:10px}.drawer-piece{width:calc(var(--piece-w) * 9px);height:calc(var(--piece-h) * 9px)}}@media(max-height:760px){.game-shell{padding-top:8px}.topbar{margin-bottom:5px}.scorebar{margin-bottom:4px}.message{margin-block:2px 4px}.board-panel{width:min(100%,330px)}.piece-actions{margin-block:5px}.piece-drawer{min-height:62px}.drawer-slot{height:46px}.drawer-piece{width:calc(var(--piece-w) * 9px);height:calc(var(--piece-h) * 9px)}.ad-reservation{min-height:23px;margin-top:6px}}@media(min-width:700px){.game-shell{width:min(92vw,860px);padding-inline:24px}.game-identity h1{font-size:39px}.board-panel{width:min(62vw,510px)}.board{width:74%}.piece-actions{width:min(62vw,510px)}.drawer{width:min(78vw,650px)}.piece-drawer{grid-template-columns:repeat(6,1fr);min-height:88px}.drawer-slot{height:70px}.drawer-piece{width:calc(var(--piece-w) * 14px);height:calc(var(--piece-h) * 14px)}}@media(min-width:900px) and (max-height:820px){.game-shell{width:min(94vw,920px)}.board-panel{width:340px}.drawer{width:520px}.piece-actions{width:430px}}