@font-face{font-family:Table;src:local('Trebuchet MS')}*{box-sizing:border-box}body{margin:0;background:#f4efe5;color:#292821;font-family:Table,'Trebuchet MS',Arial,sans-serif;font-size:15px;line-height:1.4}button,input,select{font:inherit;color:inherit}button,select{min-height:44px}button{border:1px solid #928c7f;background:#fffdf8;border-radius:7px;padding:7px 12px;cursor:pointer;font-weight:700;transition:background .15s,transform .15s}button:hover:enabled{background:#ebe5d7}button:active:enabled{transform:translateY(2px)}button:disabled{cursor:default;opacity:.5}button.primary{background:#286346;border-color:#286346;color:#fff;width:100%;font-weight:800}button.primary:hover:enabled{background:#1b4e35}input,select{border:1px solid #827d71;border-radius:6px;background:#fffdf8;padding:9px;max-width:100%}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #1649aa;outline-offset:3px}a{color:#265a46}input[type=range]{accent-color:#286346;padding:0;min-width:50px}h1,h2,h3,p{margin-top:0}h2{font-size:1.7rem;line-height:1.14;letter-spacing:-.045em}h3{font-size:1rem;margin:0}.small{font-size:.8rem;color:#625c50}.masthead{display:flex;align-items:center;justify-content:space-between;padding:10px clamp(12px,3vw,42px);border-bottom:1px solid #d8d0c2;background:#fffdf8;gap:12px}.identity{display:flex;gap:12px;align-items:center}.identity img{border-radius:4px}.identity h1{font-size:2.2rem;letter-spacing:.12em;line-height:1;margin:0 0 4px;font-weight:500}.identity span{font-size:.69rem;color:#625c50}.header-controls{display:flex;align-items:center;gap:7px}.header-controls button{background:transparent}#language{display:flex;align-items:center;justify-content:center;min-width:49px}#language svg{box-shadow:0 0 0 1px #999}#connection{font-size:.77rem;color:#625c50;max-width:120px}.audio-strip{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;padding:4px clamp(12px,3vw,42px);border-bottom:1px solid #d8d0c2;font-size:.78rem}.source,.volume{display:flex;align-items:center;gap:7px}.source select{width:175px;background:transparent;border:0;padding:4px}.volume button{border:0;background:transparent;padding:3px;min-width:56px}.volume input{width:86px;height:44px}.volume output{font-variant-numeric:tabular-nums;width:32px}.audio-status{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:.72rem;max-width:260px}.audio-status button{min-height:44px;padding:4px 8px}#provider{font-size:.67rem}#audio-status{color:#625c50}.table{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(18px,3vw,40px);max-width:1490px;margin:0 auto;padding:18px clamp(12px,3vw,42px) 16px}.stage{min-width:0}.board-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px;min-height:45px}.board-toolbar strong{display:block;font-size:.93rem}.board-toolbar span{display:block;font-size:.75rem;color:#625c50}.zoom{display:flex;align-items:center;gap:4px}.zoom button{padding:4px 9px;font-size:.8rem;min-width:40px}.zoom #scoreboard{margin-left:4px}#board-viewport{position:relative;overflow:auto;max-height:min(73dvh,860px);min-height:300px;border-radius:15px;background:#e4ddce;box-shadow:inset 0 1px 5px #6c5b3320;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-x pan-y}#board-wrap{width:100%;max-width:790px;margin:auto;aspect-ratio:1;padding:8px}#board{display:block;width:100%;height:100%;filter:drop-shadow(1px 7px 5px #62503830);user-select:none;-webkit-user-select:none;touch-action:manipulation;border-radius:8px;background:#fff}#board .cell-target{fill:transparent;stroke:transparent}#board .cell-target.legal{fill:#28634613;stroke:#16452e;stroke-width:2;stroke-dasharray:9 8}#board .cell-target:hover{fill:#fff8}#board .port{cursor:pointer}#board .port .target{fill:transparent}#board .port.available .target{fill:#ebf9df;stroke:#286346;stroke-width:3}#board .port.selected .target{fill:#ffe88b;stroke:#54442b;stroke-width:4}#board .port text{font-size:21px;font-weight:800;fill:#fff;pointer-events:none;text-anchor:middle;dominant-baseline:central}.tile-image{pointer-events:none}.tile-image.new{animation:tile-land .5s cubic-bezier(.2,.7,.3,1.2)}.height-chip{font-size:19px;fill:#292821;font-weight:800;text-anchor:middle;dominant-baseline:central;pointer-events:none}.preview-outline{fill:none;stroke:#17472b;stroke-width:5;stroke-dasharray:12 8;pointer-events:none}.path-glow{fill:none;stroke:#26251e;stroke-width:12;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.path-ink{fill:none;stroke:#ffdd23;stroke-width:6;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.trace-run .path-ink{stroke-dasharray:2000;stroke-dashoffset:2000;animation:trace 2.1s ease-out forwards}.pass-number{fill:#292821;font-size:23px;font-weight:800;text-anchor:middle;dominant-baseline:central}.board-caption{font-size:.82rem;min-height:37px;padding:9px 3px;color:#625c50}.rail{padding-top:10px;min-width:0}.entry{padding-top:15px}.entry h2{font-size:clamp(2.4rem,3.5vw,3.2rem);line-height:1.02;letter-spacing:-.07em;margin-bottom:20px}.entry p{font-size:.94rem;color:#625c50;margin-bottom:23px}label{display:block;font-size:.83rem;font-weight:700}#nickname{width:100%;margin:7px 0 12px;min-height:48px}.entry form .primary{min-height:49px}.text-button{border:0;background:transparent;text-decoration:underline;padding-left:0;color:#4b4a3a}#join-toggle{margin:8px 0 10px}.join-row{display:flex;gap:7px;margin:7px 0 13px}.join-row input{width:100%;min-width:0}.join-row select{min-width:0;flex:1}.join-row .primary{width:auto}.entry-foot{border-top:1px solid #c9bfae;padding-top:17px;margin-top:20px;display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:#625c50}.roomline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;margin-bottom:18px}.roomline strong{letter-spacing:.12em}.roomline button{font-size:.76rem;padding:5px 8px;margin-left:auto}#lobby h2{margin-bottom:18px}.lobby-seat{display:flex;align-items:center;gap:9px;min-height:54px;border-bottom:1px solid #d7cebf}.lobby-seat button{margin-left:auto;font-size:.72rem}.marker-dot{display:inline-block;width:18px;height:18px;transform:rotate(45deg);border:2px solid #fff;box-shadow:0 0 0 1px #817863;flex-shrink:0}.lobby-seat small{color:#625c50}#host-controls{margin-top:22px}#start{margin:9px 0 16px}.players{display:flex;gap:8px;flex-wrap:wrap}.player{flex:1;min-width:130px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #c6bbab;border-radius:8px;background:#fffdf8}.player.active{outline:2px solid #286346;outline-offset:0}.player .who{min-width:0;flex:1;font-size:.9rem;overflow-wrap:anywhere}.player small{display:block;color:#625c50;font-size:.7rem}.player strong{font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums}.action-strip{border-top:4px solid #286346;padding-top:13px;margin-bottom:16px}.action-strip #turn-name{font-size:.84rem;font-weight:700}.action-strip h2{margin:6px 0 8px;font-size:1.6rem;min-height:56px}.action-strip p{font-size:.82rem;color:#625c50;margin-bottom:10px}.action-dots{display:flex;gap:7px;margin:10px 0}.action-dots span{border:1px solid #8c8372;flex:1;text-align:center;font-size:.77rem;padding:6px;border-radius:4px}.action-dots span.done{background:#d6e7c6;border-color:#527340}.commit{display:flex;gap:5px;flex-wrap:wrap}.commit .primary{flex:1;min-width:130px}.commit button{font-size:.82rem;padding:6px 9px}#finish{margin-top:8px}#undo-note{font-size:.69rem;margin:7px 0}.section-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-line button{font-size:.75rem;border:0;background:transparent;padding:4px;text-decoration:underline}.tile-tray{display:flex;flex-direction:column;gap:8px;margin:9px 0}.tile-option{position:relative;display:flex;align-items:center;gap:14px;padding:8px 13px;background:#e9e2d4;border:2px solid transparent;min-height:82px;text-align:left;touch-action:none}.tile-option:hover:enabled{background:#e1d9c8}.tile-option.selected{border-color:#286346;background:#e7eedb}.tile-option img{width:140px;height:70px;object-fit:contain;filter:drop-shadow(1px 3px 1px #5e4d3b50);pointer-events:none;user-select:none;-webkit-user-drag:none}.tile-option span{font-size:.75rem;color:#625c50}.tile-option strong{display:block;color:#292821;font-size:.82rem}.rotate-row{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:8px 0 17px}.rotate-row button{flex:1;font-size:.8rem}.rotate-row>span{font-size:.8rem;min-width:35px;text-align:center}.tally{border-top:1px solid #b8ac98;padding-top:9px}.tally-numbers{display:flex;gap:9px;align-items:baseline;margin:7px 0}.tally-numbers b{font-size:2rem}.tally-numbers span{font-size:.78rem;color:#625c50}.tally-numbers .award{margin-left:auto;color:#286346;font-size:1.5rem;font-weight:800}#path-list{font-size:.77rem;color:#625c50}#path-list button{font-size:.73rem;min-height:44px;margin:3px}.recap{font-size:.8rem;border-top:1px solid #c6bbab;margin-top:13px;padding-top:12px}.recap strong{display:block}#history{font-size:.8rem;margin-top:8px}#error{padding:12px;background:#fff0e9;border:1px solid #9d3825;color:#7a2015;border-radius:6px;margin-top:14px;overflow-wrap:anywhere}#leave{margin-top:16px;font-size:.77rem}#result h2{font-size:2.5rem}#result button{margin-top:8px;width:100%}.result-row{display:flex;justify-content:space-between;gap:10px;font-size:1.2rem;padding:12px 0;border-bottom:1px solid #c6bbab}.result-row b{font-size:1.7rem}footer{max-width:1490px;margin:auto;padding:4px clamp(12px,3vw,42px) 18px;display:flex;gap:12px;flex-wrap:wrap;color:#625c50;font-size:.69rem}footer a{margin-left:auto}dialog{border:1px solid #928c7f;border-radius:14px;max-width:min(760px,95vw);max-height:90dvh;background:#fffdf8;color:#292821;padding:30px;box-shadow:0 20px 80px #29282140}dialog::backdrop{background:#29282180}.dialog-close{position:sticky;top:0;float:right;font-size:1.5rem;z-index:2;min-width:44px}#dialog-body{clear:both}#dialog-body h2{margin-right:40px}#dialog-body p,#dialog-body li{line-height:1.6}#dialog-body img{max-width:100%;height:auto;display:block;margin:14px auto}#dialog-body table{width:100%;border-collapse:collapse;font-size:.88rem}#dialog-body td,#dialog-body th{padding:9px;text-align:left;border-bottom:1px solid #c6bbab}#drag-ghost{position:fixed;left:0;top:0;pointer-events:none;z-index:99;filter:drop-shadow(3px 9px 3px #29282170);width:180px;height:90px}#drag-ghost img{width:100%;height:100%}#transition{position:absolute;pointer-events:none;inset:40% 10% auto;text-align:center;font-size:clamp(1.3rem,3vw,2.3rem);font-weight:800;background:#fffdf8f2;box-shadow:0 4px 15px #29282120;padding:17px;border-radius:10px;opacity:0;z-index:4}#transition.show{animation:turn-call 2.7s both}#celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:100}.confetti{position:absolute;top:-30px;width:14px;height:28px;animation:confetti 2.6s ease-in forwards}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:110}.skip:focus{top:8px}[hidden]{display:none!important}body.dragging{user-select:none;cursor:grabbing}body.calm *,body.calm *::before,body.calm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.calm #transition.show{opacity:1}body.calm .trace-run .path-ink{stroke-dashoffset:0}body.calm #celebration{display:none}
@keyframes tile-land{0%{opacity:0;filter:drop-shadow(0 -25px 12px #30271660)}60%{opacity:1;filter:drop-shadow(0 9px 2px #30271660)}100%{filter:none}}@keyframes trace{to{stroke-dashoffset:0}}@keyframes turn-call{0%{opacity:0;transform:translateY(10px) scale(.95)}12%,75%{opacity:1;transform:none}100%{opacity:0}}@keyframes confetti{to{transform:translate(var(--drift),110vh) rotate(650deg);opacity:.3}}
@media(min-width:1500px){.table{grid-template-columns:minmax(0,1fr) 320px;max-width:1600px}.tile-option img{width:155px;height:77px}#board-wrap{max-width:850px}}
@media(max-width:1050px){.table{gap:18px;grid-template-columns:minmax(0,1fr) 270px;padding:13px 15px}.audio-strip{gap:0 9px;padding:3px 15px}.volume input{width:65px}.audio-status{max-width:200px}.board-toolbar{flex-wrap:wrap}.zoom{margin-left:auto}.entry h2{font-size:2.5rem}.tile-option img{width:130px;height:65px}.tile-option{gap:9px;padding:6px 9px}}
@media(max-width:730px){.masthead{padding:9px 12px}.identity{gap:7px}.identity img{width:35px;height:35px}.identity h1{font-size:1.7rem}.identity span{font-size:.6rem}.header-controls{gap:3px}.header-controls button{font-size:.72rem;padding:4px 7px}#connection{position:absolute;top:119px;right:13px;pointer-events:none;font-size:.65rem;max-width:115px}.audio-strip{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:0 12px}.source{min-width:0}.source select{min-width:0;width:100%;font-size:.72rem}.source>span{display:none}.volume{justify-content:space-between;gap:4px}.volume input{min-width:45px;flex:1;width:60px}.volume button{font-size:.7rem;min-width:45px}.volume output{font-size:.66rem;width:27px}.audio-status{margin:0;min-height:44px;font-size:.65rem;max-width:none;gap:6px}.audio-status output{max-width:120px}.audio-status a{font-size:.6rem}.table{display:flex;flex-direction:column;padding:10px 12px;gap:12px}.board-toolbar strong{font-size:.83rem}.board-toolbar span{font-size:.7rem}.board-toolbar{gap:4px;flex-wrap:nowrap;align-items:center;margin-bottom:7px}.zoom{gap:1px}.zoom button{padding:4px 7px;min-width:34px;min-height:44px}#scoreboard{font-size:0}.zoom #scoreboard:after{content:'Score';font-size:.7rem}#board-viewport{max-height:none;min-height:0;border-radius:10px}#board-wrap{padding:4px;max-width:none}.board-caption{font-size:.75rem;padding:8px 0;min-height:34px}.rail{padding:0}.entry{padding:4px 4px 8px}.entry h2{font-size:2.2rem;line-height:1.02;margin-bottom:12px}.entry h2 br{display:none}.entry p{margin-bottom:13px}.entry-foot{margin-top:12px;padding-top:12px}.table:has(#entry:not([hidden])){flex-direction:column-reverse}.table:has(#entry:not([hidden])) .board-toolbar{display:none}.table:has(#lobby:not([hidden])){flex-direction:column-reverse}.table:has(#lobby:not([hidden])) .stage{display:none}.players{gap:6px}.player{min-width:90px;padding:7px 8px;gap:7px}.player strong{font-size:1.35rem}.player .who{font-size:.75rem}.player .marker-dot{width:14px;height:14px}.roomline{margin-bottom:8px}.action-strip{padding-top:9px;margin-bottom:9px}.action-strip h2{min-height:0;font-size:1.5rem}.commit{flex-wrap:nowrap}.commit .primary{min-width:110px}.tile-tray{flex-direction:row;gap:5px}.tile-option{flex-direction:column;gap:2px;flex:1;min-width:0;padding:7px 3px;min-height:0}.tile-option img{width:100%;height:auto;aspect-ratio:2}.tile-option span{text-align:center;font-size:.65rem}.tile-option strong{font-size:.73rem;display:inline}.rotate-row{margin-bottom:10px}.section-line h3{font-size:.91rem}#tile-area{margin-top:4px}.tally-numbers b{font-size:1.7rem}footer{padding:10px 12px 20px;font-size:.65rem}footer #credit{display:none}dialog{padding:16px}.recap{margin-top:7px}body.in-play .rail{display:contents}body.in-play #play{display:contents}body.in-play .stage{order:2}body.in-play .action-strip{order:1}body.in-play #tile-area{order:3}body.in-play .roomline{order:0}body.in-play .tally{order:4}body.in-play #recap{order:5}body.in-play #history{order:6}body.in-play #error{order:7}body.in-play #leave{order:8}body.in-play #reconnect{order:8}}
[data-tile].new .tile-image{animation:tile-land .5s cubic-bezier(.2,.7,.3,1.2)}#marker-picker{margin-top:8px;width:100%;font-size:.8rem;order:1}.marker-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.marker-picker-grid button{min-height:48px;overflow-wrap:anywhere;font-size:.8rem}
@media(min-width:731px){#board-wrap{width:min(100%,calc(73dvh - 16px));}}
@media(max-width:400px){.identity h1{font-size:1.4rem;letter-spacing:.09em}.identity img{width:30px;height:30px}.identity{gap:5px}.masthead{gap:5px}.header-controls button{padding:4px 5px}.header-controls #language{min-width:44px}.header-controls #help{max-width:64px;font-size:.68rem}.identity span{font-size:.55rem}}
.trace-run .path-ink{stroke-dasharray:1;stroke-dashoffset:1}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#transition.show{opacity:1}.trace-run .path-ink{stroke-dashoffset:0}#celebration{display:none}}