@charset "UTF-8";
@font-face{font-family:Barlow;src:url('/assets/Barlow-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#eee7d9;--ink:#272922;--red:#a53626;--muted:#626254;--line:#bcb6a8;--sheet:#faf3e5;--serif:'Instrument Serif',Georgia,serif;font-family:Barlow,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}::selection{background:#d7b7a5;color:var(--ink)}:root{scrollbar-color:var(--muted) var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,.board:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:4px}a{color:inherit;text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}[hidden]{display:none!important}input{caret-color:var(--red)}
.page{max-width:1480px;margin:auto;padding:20px 36px 14px;min-height:100svh;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;min-height:58px;gap:24px;border-bottom:1px solid var(--ink);padding-bottom:10px}.studio{font-size:13px;letter-spacing:.17em;white-space:nowrap}.edition{font-size:12px;letter-spacing:.2em;flex:1;text-align:center}.tools{display:flex;gap:10px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:26px}.icon-button:hover{background:#dfd7c8}.icon-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#help{position:relative}#help::before{content:"";position:absolute;inset:5px;border:1.5px solid currentColor;border-radius:50%;pointer-events:none}#sound[aria-pressed=true] svg{opacity:.45}.ui-icon{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:46px;align-items:center;padding:20px 0;flex:1}.intro{container-type:inline-size;align-self:center}h1{font-family:var(--serif);font-size:min(146px,23cqw);font-weight:400;letter-spacing:-.025em;line-height:.88;margin:0 0 24px}h1 span{display:inline-block;white-space:nowrap}h1 b{font-weight:400;color:var(--red)}.pitch{font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);line-height:1.15;margin:0 0 40px}.intro-rules{list-style:none;padding:0;margin:0;display:grid;gap:18px}.intro-rules>li{display:flex;gap:17px;align-items:center}.rule-number{font-family:var(--serif);font-size:29px;border:1px solid var(--ink);border-radius:50%;width:39px;height:39px;display:flex;justify-content:center;align-items:center;flex:none}.intro-rules p{font-family:var(--serif);font-size:26px;line-height:1.2;margin:0}.gesture-guide{margin:20px 0 0;max-width:340px}.gesture-guide img{display:block;width:min(100%,320px);height:auto;user-select:none}.gesture-guide figcaption{font-size:14px;line-height:1.3;margin-top:2px;color:var(--muted)}
.play{--cols:5;--rows:4;width:100%;position:relative;max-width:710px;justify-self:center}.score-strip{display:grid;grid-template-columns:minmax(0,1fr) 1fr minmax(0,1fr);align-items:center;gap:10px 14px;padding:0 20px 9px}.tray-heading{justify-self:start;min-width:0}.tray-select{display:grid;grid-template-columns:1fr 17px;align-items:center;gap:4px 8px;min-height:44px;text-align:left;padding:0;font-size:15px;letter-spacing:.03em}.tray-number{grid-column:1/-1;font-size:13px;letter-spacing:.1em}#tray-title{line-height:1.15}.tray-select:hover #tray-title{text-decoration:underline;text-underline-offset:4px}.text-button{min-height:44px;padding:6px 3px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}#restart{font-size:12px;color:var(--muted);min-height:44px;padding:0}.micro{display:block;font-size:12px;letter-spacing:.14em}.score{text-align:center;align-self:start}.score #score{font-family:var(--serif);font-size:72px;line-height:1;display:block;font-variant-numeric:lining-nums tabular-nums}.personal{justify-self:end;text-align:center;min-width:65px;align-self:center}.personal #personal-best{font-family:var(--serif);font-size:30px;line-height:1.2;display:block;margin-top:7px;font-variant-numeric:tabular-nums}.strokes{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:16px}.strokes .micro{font-size:11px;letter-spacing:.08em;color:var(--muted)}#pips{display:flex;justify-content:center;gap:16px}#pips i{width:15px;height:15px;background:var(--ink);border:1px solid var(--ink);border-radius:50%;transition:background .15s}#pips i.spent{background:transparent;border-color:var(--muted)}
.tray-stage{position:relative;width:min(100%,700px,calc((100svh - 390px)*var(--cols)/var(--rows)));aspect-ratio:var(--cols)/var(--rows);margin:0 auto;isolation:isolate}.tray-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}.board{position:absolute;left:12%;right:12%;top:14%;bottom:10%;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:5px;z-index:2}.tile{position:absolute;width:calc(100%/var(--cols));height:calc(100%/var(--rows));left:0;top:0;transform:translate(calc(var(--col)*100%),calc(var(--row)*100%));transition:transform var(--fall-time,220ms) cubic-bezier(.35,0,.35,1);pointer-events:none}.tile-inner{position:relative;display:block;width:100%;height:100%;transform:rotate(var(--tilt));transition:filter .12s;container-type:inline-size}.tile img{width:94%;height:94%;margin:3%;object-fit:contain;user-select:none;pointer-events:none;filter:drop-shadow(1px 3px 2px #33281732)}.tile-label{position:absolute;left:12%;right:12%;top:50%;transform:translateY(-50%);font-size:clamp(9px,1.15vw,15px);text-align:left;font-family:'Courier New',monospace;font-weight:700;line-height:1.15;overflow-wrap:normal;color:#302f28}.tile.certificate .tile-label{color:var(--red);text-align:center;left:15%;right:15%;font-size:clamp(8px,1.04vw,14px)}.stamp{position:absolute;top:24%;left:25%;width:50%;aspect-ratio:1;color:#913923;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-9deg)}.stamp.A::after{content:'';width:34%;aspect-ratio:1;background:currentColor;border-radius:50%}.stamp.B{color:#244e68;border-radius:3px;transform:rotate(10deg)}.stamp.B::after{content:'';width:56%;height:56%;background:url('/assets/triangle-stamp.svg') center/contain no-repeat}.tile.copy .tile-label{top:78%;font-size:clamp(7px,.7vw,10px);text-align:center;left:8%;right:8%}.tile.clip img{width:84%;height:94%;margin:3% 8%;filter:drop-shadow(1px 3px 2px #33281740)}.tile.highlight .tile-inner{filter:brightness(1.12);outline:2px dashed var(--red);outline-offset:-4px;border-radius:4px}.tile.erase{z-index:5}.tile.erase .tile-inner{animation:paper-snap 170ms ease-out both}.tile.erase.remote .tile-inner{animation-duration:230ms}.board.blocked{animation:blocked 130ms linear}.cursor{position:absolute;z-index:3;border:2px solid var(--red);border-radius:4px;pointer-events:none;width:calc(76%/var(--cols));height:calc(76%/var(--rows));left:calc(12% + var(--col)*76%/var(--cols));top:calc(14% + var(--row)*76%/var(--rows));transition:left .07s,top .07s}.cursor::after{content:'';position:absolute;bottom:-5px;left:calc(50% - 4px);width:8px;height:8px;background:var(--red);border-radius:50%}.cursor.key-focus{border-style:dashed}.connections{position:absolute;left:12%;top:14%;width:76%;height:76%;z-index:4;overflow:visible;pointer-events:none}.connections line{stroke:var(--red);stroke-width:3;stroke-dasharray:5 6;opacity:.7;animation:flash 250ms both}
.combo{position:absolute;top:6%;left:50%;transform:translateX(-50%) rotate(-2deg);z-index:6;display:flex;align-items:baseline;gap:8px;background:var(--ink);color:var(--sheet);padding:9px 13px;box-shadow:2px 5px 9px #00000024;white-space:nowrap}.combo #combo-count{font-family:var(--serif);font-size:28px;line-height:1}.combo #combo-copy{font-size:11px;letter-spacing:.05em}.combo b{font-size:19px;margin-left:5px;color:#f4af82}.combo.banked{animation:banked .6s both}.empty-tray{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--serif);font-size:35px;line-height:1.1;color:#c5c4b8;transform:rotate(-6deg);z-index:1}.under-tray{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 10px;min-height:44px}.under-tray p{margin:0;font-family:var(--serif);font-size:23px;line-height:1.2;text-align:center}.under-tray>span{color:var(--muted);font-size:12px;white-space:nowrap}.play-actions{display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--muted)}.play-actions>span{font-size:12px}.challenge-banner{padding:8px 12px;border-bottom:1px solid var(--line);font-size:13px;color:var(--red)}footer{border-top:1px solid var(--line);padding-top:8px;display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}footer a{text-decoration:underline}.footer-button{font-size:11px;text-decoration:underline;min-height:32px;padding:0;text-underline-offset:3px}
.result{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:0 8px}.result-paper{position:relative;background:var(--sheet);width:100%;max-width:370px;padding:18px 24px 8px;box-shadow:4px 9px 24px #30271236;transform:rotate(-1deg);text-align:center;animation:result-in .25s ease-out}.result-paper::after{content:'';position:absolute;height:7px;left:0;right:0;bottom:-6px;background:linear-gradient(135deg,var(--sheet) 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(225deg,var(--sheet) 25%,transparent 25%) -6px 0/12px 12px}.result h2{font-family:var(--serif);font-weight:400;margin:2px 0 4px;font-size:38px;line-height:.95;letter-spacing:-.02em}.result-score{display:flex;gap:8px;justify-content:center;align-items:baseline;margin:4px 0}.result-score>span:first-child{font-family:var(--serif);font-size:62px;line-height:1.1;color:var(--red);font-variant-numeric:tabular-nums}.result-score>span:last-child{font-size:11px;letter-spacing:.1em}.result-details{display:flex;justify-content:center;gap:20px;font-size:12px}.result-details strong{font-weight:700}.score-status{font-size:12px;color:var(--muted);min-height:17px;line-height:1.35;margin:7px 0}.result-main-actions{display:flex;gap:8px;justify-content:center}.primary,.secondary{min-height:44px;font-size:14px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:18px}.primary{background:var(--red);color:var(--sheet);border-radius:3px;flex:1}.primary:hover{background:#82281b}.secondary{border:1px solid var(--line);border-radius:3px}.share-actions{margin-top:10px;border-top:1px dashed var(--line);padding-top:4px}.share-main{min-height:44px;width:100%;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px}.share-actions>div{display:flex;gap:4px;justify-content:space-between}.share-actions>div>button{font-size:12px;min-height:44px;padding:5px 6px;text-decoration:underline;text-underline-offset:3px}.result-board{font-size:12px;min-height:44px;text-decoration:underline;display:inline-flex;align-items:center;justify-content:center;gap:6px}.finished .under-tray{visibility:hidden}
dialog{width:min(460px,calc(100vw - 28px));max-height:calc(100svh - 34px);border:0;padding:18px 22px 22px;border-radius:5px;background:#f6efdf;color:var(--ink);box-shadow:0 16px 60px #29241636}dialog::backdrop{background:#29251c66}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:5px}.panel-heading h2{font-family:var(--serif);font-weight:400;margin:0;font-size:29px;line-height:1.1}#panel-content p{font-size:14px;line-height:1.6;color:#55594c}.tray-list{display:grid;gap:5px}.tray-list button{min-height:48px;display:flex;align-items:center;gap:12px;text-align:left;padding:8px 11px;border-bottom:1px solid #ddd4c2}.tray-list button:hover{background:#e4dac7}.tray-list button.current{color:var(--red);font-weight:700}.tray-list .number{font-size:12px;width:20px}.tray-list .name{flex:1;font-size:15px}.tray-list .best{font-size:12px;font-variant-numeric:tabular-nums}.help-rule{display:flex;align-items:center;gap:15px;margin:13px 0}.help-rule img{width:55px;height:63px;object-fit:contain}.help-rule p{margin:0}.help-rule strong{color:var(--ink)}.board-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:15px}.board-tabs button{min-height:44px;padding:10px 12px;font-size:14px}.board-tabs .active{color:var(--red);border-bottom:2px solid var(--red)}.rank-row{display:flex;align-items:center;gap:12px;min-height:47px;border-bottom:1px solid #d6cebd;font-size:14px}.rank-row.me{color:var(--red);font-weight:700}.rank{width:34px;flex:none;font-size:12px;font-variant-numeric:tabular-nums}.rank-name{flex:1;overflow-wrap:anywhere}.rank-score{font-variant-numeric:tabular-nums}.rank-actions{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.panel-note{font-size:12px!important;color:var(--muted)}.name-form{display:flex;gap:7px;margin-top:12px}.name-form input{min-width:0;flex:1;min-height:44px;padding:8px;border:1px solid var(--line);background:#fff9ec;font:inherit;font-size:14px}.name-form button{min-height:44px;background:var(--red);color:var(--sheet);border-radius:3px;padding:8px 12px;font-size:14px}.toast{position:fixed;z-index:40;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);width:max-content;background:var(--ink);color:var(--sheet);border-radius:4px;padding:12px 17px;font-size:14px;box-shadow:0 5px 20px #0002;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes paper-snap{0%{opacity:1;transform:rotate(var(--tilt)) scale(1)}25%{transform:rotate(var(--tilt)) scale(.86,.95)}100%{opacity:0;transform:rotate(calc(var(--tilt) + 12deg)) scale(.14)}}@keyframes blocked{50%{transform:translateX(2px)}}@keyframes flash{0%{opacity:.8}100%{opacity:0}}@keyframes banked{0%{opacity:1}60%{opacity:1}100%{opacity:0;transform:translate(-50%,-8px) rotate(-2deg)}}@keyframes result-in{from{opacity:0;transform:translateY(12px) rotate(-3deg)}to{opacity:1;transform:rotate(-1deg)}}
@media(max-width:1000px) and (min-height:501px){.page{padding:16px 24px 12px}.layout{gap:26px;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}.studio{font-size:11px;letter-spacing:.12em}.edition{font-size:11px;letter-spacing:.1em}.pitch{font-size:26px}.intro-rules p{font-size:21px}.intro-rules{gap:18px}.rule-number{width:34px;height:34px;font-size:25px}.score-strip{padding-left:8px;padding-right:8px}.under-tray p{font-size:21px}}
@media(max-width:740px){
 .page{padding:4px 8px 6px}.masthead{min-height:44px;padding:0;border:0;gap:8px}.studio{font-size:11px;letter-spacing:.12em}.edition{display:none}.tools{margin-left:auto;gap:6px}.icon-button svg{width:23px;height:23px}.layout{display:flex;flex-direction:column;gap:7px;padding:3px 0;align-items:stretch;flex:0}.intro{container-type:normal;width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 12px}.intro h1{font-size:38px;line-height:.86;margin:0;letter-spacing:-.02em}.intro .pitch{font-family:var(--serif);font-size:20px;line-height:1.1;max-width:140px;margin:0 1px 3px;text-align:right}.intro-rules{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 3px 0}.intro-rules>li{gap:6px;align-items:flex-start}.rule-number{width:20px;height:20px;font-size:16px}.intro-rules p{font-family:Barlow,sans-serif;font-size:12.5px;line-height:1.3;padding-top:2px}.gesture-guide{grid-column:1/-1;justify-self:center;max-width:none;margin:0;text-align:center}.gesture-guide img{width:224px;margin:auto}.gesture-guide figcaption{font-size:12.5px;line-height:1.3;margin:0}.layout:has(.finished) .intro-rules,.layout:has(.finished) .gesture-guide{display:none}.play{max-width:430px;align-self:center}.score-strip{gap:5px 8px;padding:1px 12px 7px}.tray-select{font-size:14px;gap:3px 6px}.tray-number{font-size:11px;letter-spacing:.04em}.tray-heading{display:flex;align-items:center;gap:7px}.tray-select .ui-icon{width:14px;height:14px}#restart{font-size:0;width:44px;flex:none}#restart .ui-icon{width:17px;height:17px}.score #score{font-size:43px}.micro{font-size:11px;letter-spacing:.1em}.personal{min-width:40px}.personal #personal-best{font-size:23px;margin-top:3px}.strokes{gap:11px}.strokes .micro{font-size:11px}#pips{gap:11px}#pips i{width:12px;height:12px}.tray-stage{width:min(100%,374px,calc((100svh - 330px)*var(--cols)/var(--rows)))}.tile-label{font-size:10px;line-height:1.12;left:12%;right:12%}.tile.certificate .tile-label{font-size:8px}.tile.copy .tile-label{font-size:7px}.under-tray{min-height:36px;padding:2px 7px;gap:8px}.under-tray p{font-family:Barlow,sans-serif;font-size:13px;line-height:1.3;max-width:265px;text-align:left}.under-tray>span{font-size:11px}.play-actions{padding:0 9px}.play-actions>span{font-size:11px}.play-actions .text-button{font-size:13px}footer{gap:0 7px;padding-top:4px;flex-wrap:wrap;justify-content:center;margin-top:auto;font-size:11px}.footer-button{font-size:11px;min-height:32px}.combo{padding:7px 10px;top:4%}.combo #combo-count{font-size:24px}.combo #combo-copy{font-size:11px}.combo b{font-size:17px}.challenge-banner{font-size:12px;padding:6px 9px}.finished .score-strip{display:none}.finished .tray-stage{width:100%;height:380px;aspect-ratio:auto;max-width:380px}.finished .tray-art{object-fit:contain;opacity:.45}.finished .under-tray{display:none}.finished .play-actions{margin-top:2px}.result{padding:6px 10px}.result-paper{padding:14px 17px 5px;transform:rotate(-.5deg);max-width:350px}.result h2{font-size:29px;line-height:1.05;margin:2px 0}.result h2 br{display:none}.result-score{margin:2px 0}.result-score>span:first-child{font-size:53px}.result-details{font-size:11px;gap:16px}.score-status{font-size:11px;min-height:15px;margin:5px 0}.share-actions{margin-top:6px;padding-top:4px}.share-main{font-size:13px}.share-actions>div>button,.result-board{font-size:12px}.primary,.secondary{font-size:13px;padding:8px 13px;gap:10px}
}
@media(max-width:370px){.intro-rules{gap:6px;margin-left:1px;margin-right:1px}.intro-rules>li{gap:4px}.intro h1{font-size:33px}.intro .pitch{font-size:18px;max-width:125px}.score-strip{padding-left:7px;padding-right:7px}.tray-select{font-size:13px;letter-spacing:0}.tray-number{font-size:11px}.tray-heading{gap:3px}.strokes{gap:8px}#pips{gap:9px}.tile-label{font-size:8px}.tile.certificate .tile-label{font-size:7px}.tile.copy .tile-label{font-size:6px}.result-paper{padding:12px 13px 4px}.result h2{font-size:26px}.result-details{gap:10px}.share-actions>div>button{font-size:11px}.finished .tray-stage{height:366px}}
@media(max-height:500px) and (min-width:600px){
 .page{padding:4px 14px}.masthead{min-height:44px;border:0;padding:0}.studio{font-size:11px;letter-spacing:.1em}.edition{display:none}.tools{margin-left:auto;gap:6px}.layout{display:grid;grid-template-columns:164px minmax(0,1fr);gap:20px;padding:0;align-items:center;flex:1}.intro{container-type:normal;display:block;align-self:center}.intro h1{font-size:36px;line-height:.9;margin:0 0 12px}.intro .pitch{font-family:var(--serif);font-size:17px;line-height:1.15;text-align:left;max-width:none;margin:0}.intro-rules{display:grid;grid-template-columns:1fr;gap:5px;margin:12px 0 0}.intro-rules>li{gap:7px;align-items:center}.rule-number{width:19px;height:19px;font-size:15px}.intro-rules p{font-family:Barlow,sans-serif;font-size:12px;line-height:1.3;padding:0}.gesture-guide{margin:9px 0 0;max-width:164px;text-align:left}.gesture-guide img{width:100%;margin:0}.gesture-guide figcaption{font-size:11.5px;line-height:1.25;margin-top:3px}.play{max-width:650px;display:grid;grid-template-columns:145px minmax(0,1fr);gap:0 10px;align-items:center;justify-content:end}.score-strip{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;align-self:start;gap:8px 8px;padding:0}.tray-heading{grid-column:1/-1;display:flex;align-items:center;gap:8px}.tray-select{font-size:13px;letter-spacing:0}.tray-number{font-size:11px}#restart{font-size:0;width:44px;flex:none}.score{justify-self:start;text-align:left}.score #score{font-size:43px}.personal{justify-self:start;text-align:left;align-self:center;min-width:35px}.micro{font-size:11px}.personal #personal-best{font-size:23px;margin-top:2px}.strokes{display:block;text-align:left;grid-column:1/-1}.strokes #pips{justify-content:start;gap:10px;margin:3px 0 8px}#pips i{width:12px;height:12px}.strokes .micro{font-size:11px}.tray-stage{grid-column:2;grid-row:1/4;width:min(100%,calc((100svh - 102px)*var(--cols)/var(--rows)))}.under-tray{grid-column:1;grid-row:2;display:block;align-self:start;padding:10px 0 0;min-height:0}.under-tray p{font-family:Barlow,sans-serif;font-size:13px;line-height:1.3;text-align:left}.under-tray>span{display:block;font-size:11px;margin-top:6px}.play-actions{grid-column:1;grid-row:3;display:block;padding:0;align-self:end}.play-actions .text-button{min-height:44px;font-size:13px}.play-actions>span{font-size:11px;display:block}.challenge-banner{grid-column:1;grid-row:2;background:var(--paper);font-size:11px}.tile-label{font-size:10px}.tile.certificate .tile-label{font-size:9px}.tile.copy .tile-label{font-size:7px}footer{padding-top:0;border:0;font-size:11px;flex-wrap:nowrap;min-height:32px}.footer-button{font-size:11px;min-height:32px}.finished{display:block}.finished .score-strip{display:none}.finished .tray-stage{width:100%;height:252px;aspect-ratio:auto;max-width:none}.finished .tray-art{opacity:.35;object-fit:contain}.finished .under-tray{display:none}.finished .play-actions{display:none}.result{padding:4px}.result-paper{max-width:620px;width:100%;padding:14px 18px 10px;display:grid;grid-template-columns:.9fr 1.15fr;grid-template-rows:auto auto auto auto;gap:6px 20px;align-items:center;transform:rotate(-.5deg)}.result h2{grid-column:1;grid-row:1/3;font-size:34px;line-height:1.05;margin:0}.result h2 br{display:none}.result-score{grid-column:1;grid-row:3;margin:0}.result-score>span:first-child{font-size:48px}.result-details{grid-column:1;grid-row:4;flex-wrap:wrap;gap:3px 10px;font-size:11px}.score-status{grid-column:1;grid-row:5;font-size:11px;margin:0}.result-main-actions{grid-column:2;grid-row:1}.share-actions{grid-column:2;grid-row:2/5;margin:0;padding:4px 0}.share-main{font-size:13px}.share-actions>div{flex-wrap:wrap;justify-content:center}.share-actions>div>button{font-size:11px;padding:4px 6px}.result-board{grid-column:2;grid-row:5;font-size:11px}.primary,.secondary{font-size:13px;padding:8px 11px;gap:8px}.combo{top:3%}
}
@media(prefers-reduced-motion:reduce){.tile.erase .tile-inner{animation:none;opacity:0}.combo.banked,.result-paper,.board.blocked,.connections line{animation:none}.connections{display:none}.tile,.cursor{transition:none}html{scroll-behavior:auto}}
@supports(padding:max(0px)){.page{padding-left:max(36px,env(safe-area-inset-left));padding-right:max(36px,env(safe-area-inset-right));padding-bottom:max(14px,env(safe-area-inset-bottom))}@media(max-width:1000px) and (min-height:501px){.page{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:740px){.page{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(6px,env(safe-area-inset-bottom))}}@media(max-height:500px) and (min-width:600px){.page{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(4px,env(safe-area-inset-bottom))}}}

/* Prop lettering follows the actual paper size; copy symbols carry the rule. */
.tile-label{font-size:clamp(6px,17cqw,15px);line-height:1.2}.tile.certificate .tile-label{left:10%;right:10%;font-size:clamp(6px,14cqw,14px)}.tile.copy .tile-label{font-size:clamp(6px,13cqw,10px)}
.paper-fragment{position:absolute;z-index:6;width:var(--bit-size);height:var(--bit-size);object-fit:contain;pointer-events:none;user-select:none;animation:paper-bit var(--bit-time) cubic-bezier(.2,.7,.3,1) both}
.tile.falling .tile-inner{animation:paper-land var(--fall-time) cubic-bezier(.35,0,.35,1) both}.tile.erase.clip .tile-inner{animation:clip-snap 150ms ease-out both}.connections .triangle-link{stroke:#244e68;stroke-dasharray:3 4}
@keyframes paper-bit{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.6)}15%{opacity:.85}100%{opacity:0;transform:translate(calc(-50% + var(--drift-x)),calc(-50% + var(--drift-y))) rotate(var(--twirl)) scale(.3)}}
@keyframes paper-land{0%,65%{filter:drop-shadow(1px 4px 3px #33281730)}85%{transform:rotate(var(--tilt)) scale(1.015,.985)}100%{transform:rotate(var(--tilt)) scale(1)}}
@keyframes clip-snap{0%{opacity:1;transform:rotate(var(--tilt)) scale(1)}30%{transform:rotate(calc(var(--tilt) - 5deg)) scale(.94)}100%{opacity:0;transform:rotate(calc(var(--tilt) + 7deg)) scale(.65)}}
@media(max-width:740px) and (min-height:501px){.score-strip{position:relative;grid-template-columns:1fr 1fr;grid-template-rows:60px auto}.score{position:absolute;left:50%;top:1px;transform:translateX(-50%);min-width:45px}.tray-heading{grid-column:1;min-width:0}.personal{grid-column:2;justify-self:end}.tray-select{max-width:calc(100% - 51px)}}
@media(prefers-reduced-motion:reduce){.paper-fragment{display:none}.tile.falling .tile-inner,.tile.erase.clip .tile-inner{animation:none}.tile.erase.clip .tile-inner{opacity:0}}

@media(max-height:350px) and (min-width:600px){.intro h1{font-size:32px;margin-bottom:8px}.intro .pitch{font-size:16px;line-height:1.1}.intro-rules{margin-top:8px;gap:3px}.gesture-guide{margin-top:5px;max-width:136px}.gesture-guide img{width:100%}.gesture-guide figcaption{font-size:11.5px;line-height:1.2}}