:root{color-scheme:light;--ink:#203e43;--paper:#fff7e5;--paper-deep:#eedfc0;--mat:#456d78;--mat-deep:#2b505c;--green:#315f40;--red:#a52f2c;--line:#9bbaa8;--shadow:0 8px 15px #17383b40;font-family:'Trebuchet MS',Arial,sans-serif;font-size:16px;color:var(--ink);background:var(--mat)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(120deg,#3c626e,#648792);min-height:100dvh}button,input,select,textarea{font:inherit}button,select,input[type=range]{cursor:pointer}button{min-height:44px;padding:.55rem .85rem;border:1.5px solid #60786c;border-radius:7px;background:var(--paper);color:var(--ink);font-weight:700;line-height:1.2;touch-action:manipulation;transition:background .14s,box-shadow .14s}button:hover:enabled{background:#fffdf5;box-shadow:0 3px 0 #213f4225}button:active:enabled{box-shadow:inset 0 2px 3px #23422e30}button:disabled{cursor:default;color:#596b63;background:#dce0ce;opacity:.72}button.primary{background:var(--green);border-color:#244b30;color:#fff9e7;box-shadow:0 3px 0 #1e3b2b}button.primary:hover:enabled{background:#234c32}button.danger{color:#8b2927;border-color:#a24d40;background:#fff0dc}button.selected,button[aria-pressed=true]:not(.flag){box-shadow:inset 0 0 0 3px #355f43;background:#f7edcd}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffe06b;outline-offset:3px;box-shadow:0 0 0 5px #203e43}a{color:inherit}img,svg{max-width:100%}img{display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:700}h1{font-size:clamp(1.8rem,3vw,3rem);line-height:1.1}h2{font-size:1.35rem}h3{font-size:1.03rem}p{line-height:1.55}input:not([type=range],[type=checkbox]),select,textarea{min-height:44px;border:1.5px solid #657869;border-radius:6px;padding:.55rem .7rem;background:#fffcf2;color:var(--ink);max-width:100%}input[type=checkbox]{accent-color:var(--green);width:22px;height:22px;flex:none}input[type=range]{accent-color:var(--green);height:44px;min-width:65px;width:100%}label{font-weight:700}small,.fine{font-size:.8rem;line-height:1.4}.fine{color:#36575a}.skip{position:absolute;left:8px;top:-100px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:8px}[hidden]{display:none!important}
.masthead{min-height:73px;background:var(--paper);display:flex;align-items:center;gap:16px;padding:7px 20px;border-bottom:3px solid #d7c6a2}.wordmark{display:flex;flex-direction:column;align-items:center;text-decoration:none;line-height:.85;transform:rotate(-3deg);flex:none}.clip{color:#b7322b;font-size:1.9rem;font-weight:1000;letter-spacing:-2px;text-shadow:1px 2px 0 #e1b574}.clip span{display:inline-block;rotate:6deg}.parks-word{font:bold 1.15rem Georgia,serif;color:#62451f;letter-spacing:3px;line-height:1.2}.masthead nav{display:flex;gap:7px;margin-left:auto;align-items:center}.masthead nav>button{font-size:.85rem;padding:.5rem .65rem}.flag{width:48px;padding:6px!important;display:grid;place-items:center;background:transparent;border-color:transparent;border-radius:5px}.flag svg{width:34px;height:25px;border-radius:3px;box-shadow:0 1px 3px #152e4630}.flag[aria-pressed=true]{border-color:#365e41;background:#e7eccf}.table-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.85rem}.table-meta>span:first-child{font-weight:700}.table-meta button{font-size:.85rem}.table-meta #connection{font-size:.75rem}#connection[data-state=offline]{background:#fff0c9;color:#713817;padding:6px;border:1px solid #92572c;border-radius:4px}.audio-strip{min-height:48px;display:flex;align-items:center;justify-content:center;gap:14px;background:#e9eddb;padding:2px 18px;color:#244a42;border-bottom:1px solid #395e54;font-size:.77rem}.source-wrap{display:flex;align-items:center;gap:7px}.source-wrap>label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.source-wrap select{max-width:205px;height:40px;min-height:40px;font-size:.77rem;background:#fbf9eb}.audio-channel{display:flex;gap:6px;align-items:center}.audio-channel button{padding:.35rem .55rem;min-height:40px;font-size:.76rem;border-color:transparent;background:transparent}.audio-channel input{width:88px}.audio-channel output{font-variant-numeric:tabular-nums;min-width:30px}.audio-caption{display:flex;align-items:center;gap:8px;max-width:250px;font-size:.7rem}.audio-caption a{font-weight:bold}.audio-caption button{font-size:.72rem;padding:.3rem .5rem;min-height:36px}
main{max-width:1800px;margin:auto;padding:15px 20px 25px}.entry{max-width:1180px;margin:35px auto 20px;display:grid;grid-template-columns:minmax(320px,.88fr) 1.12fr;align-items:center;gap:32px}.entry-paper{background:var(--paper);border-radius:9px 18px 7px 8px;box-shadow:var(--shadow);padding:34px 36px;position:relative;z-index:2}.entry-paper:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:10px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 60%,97% 40%,95% 80%,92% 65%,89% 90%,85% 65%,82% 90%,77% 50%,73% 90%,68% 70%,63% 100%,59% 65%,54% 90%,48% 50%,44% 80%,39% 40%,35% 100%,29% 60%,24% 95%,20% 55%,14% 100%,10% 55%,5% 90%,0 60%)}.byline{font-size:.85rem;font-weight:700;color:#586a4a;margin-bottom:16px}.entry h1{max-width:380px;color:#3e552f;margin-bottom:16px}.entry-paper>p:not(.byline){max-width:370px}.entry form{display:flex;flex-direction:column;gap:10px;max-width:360px}.entry form label{font-size:.9rem}.entry form input{width:100%}.entry form .primary{min-height:52px;font-size:1.05rem}.entry #join-fields{display:grid;gap:8px}#entry-error{color:#8c3328;font-size:.86rem;margin:12px 0;min-height:20px}#entry-footnote{margin:20px 0 0;color:#536448}.entry-art{position:relative;min-height:590px;display:grid;place-items:center;user-select:none}.paper-sheet{position:absolute;left:-7%;top:6%;width:52%;rotate:-14deg;filter:drop-shadow(0 10px 10px #163a4260)}.paper-sheet img{border:5px solid #f4ead2}.loose-card{width:95%;rotate:6deg;filter:drop-shadow(0 12px 12px #17383b70)}.loose-card img{border-radius:6px}.big-scissors{position:absolute;bottom:-15px;left:-5%;width:215px;rotate:-10deg;filter:drop-shadow(0 10px 5px #17383b50);pointer-events:none}.big-scissors .scissors{width:100%;height:auto}.snip-line{position:absolute;left:-3%;bottom:35px;width:170px;height:6px;background:#294f5960;rotate:-12deg}.scissors{width:55px;height:44px;flex:none;overflow:visible}.scissor-half{transform-origin:58px 50px}.lobby{max-width:1180px;margin:25px auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.lobby-paper{background:var(--paper);padding:28px;border-radius:8px;box-shadow:var(--shadow)}.lobby-paper h1{margin-bottom:12px}.seat{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #b8bfa8}.seat strong{flex:1}.seat>span{font-size:.75rem}.seat button{font-size:.75rem;padding:.4rem}.setup-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 10px}.setup-options label{display:flex;flex-direction:column;gap:5px;font-size:.85rem}.setup-options label:last-child{grid-column:1/-1}.setup-options select{width:100%}#lobby-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.scissor-choice{display:flex;align-items:center;gap:10px;margin-top:12px}.lobby-preview{color:var(--paper)}.lobby-preview h2{font-size:1.7rem;text-shadow:0 2px 2px #203e4340}.lobby-preview>p{margin:14px 0 0;font-size:.8rem}#setup-cards{position:relative;padding-right:15%}.box-preview{width:88%;rotate:-6deg;border-radius:5px;box-shadow:var(--shadow)}.preview-park{position:absolute;width:32%;right:0;bottom:-5%;rotate:12deg}.preview-park img{border-radius:8px;box-shadow:var(--shadow)}
.players{display:flex;gap:10px;align-items:stretch;margin-bottom:12px;flex-wrap:wrap}.player{display:flex;align-items:center;gap:9px;padding:5px 12px;background:#e4ecd8;border:2px solid #afc6ad;box-shadow:none;border-radius:8px;max-width:330px;min-width:170px;flex:1}.player.local{background:#fff5d9;border-color:#efc665}.player>.scissors{width:49px;height:42px}.player>span:nth-child(2){text-align:left;flex:1;min-width:0}.player strong{font-size:.9rem;overflow-wrap:anywhere}.player small{display:block;font-weight:400;font-size:.68rem;line-height:1.4}.progress{font-size:1.35rem;line-height:1.05;flex:none}.progress small{font-size:.65rem}.action-strip{position:relative;display:flex;align-items:center;gap:15px;min-height:96px;background:var(--paper);border-radius:9px;border:2px solid #b9c29e;box-shadow:0 3px 0 #173c4850;padding:10px 14px;z-index:3;scroll-margin-top:5px}.round-block{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:88px}.round-block>strong{font-size:.75rem;color:#53604a;white-space:nowrap}.die{background:#b3362e;box-shadow:inset 0 -3px 0 #802c28,0 2px 2px #58352540;min-width:51px;max-width:58px;height:48px;display:grid;grid-template-columns:repeat(2,1fr);place-content:center;gap:3px;padding:7px;color:#fff4d0;border-radius:9px;rotate:-5deg;font-size:1.4rem;font-weight:900}.die span{background:#fff2d3;color:#8a2c26;display:grid;place-items:center;width:18px;height:18px;font-size:.8rem;border-radius:50%}.die span:only-child{grid-column:1/-1;width:27px;height:27px;font-size:1.1rem;justify-self:center}.instruction{flex:1;min-width:190px;display:flex;flex-direction:column;gap:6px}.instruction strong{font:700 1.3rem Georgia,serif;color:#334e36}.instruction>span{font-size:.8rem;line-height:1.4;max-width:530px}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;max-width:600px}.actions button{font-size:.85rem}.cut-lengths{display:flex;gap:4px}.cut-lengths button{display:flex;align-items:center;gap:6px;min-width:47px;padding:7px}.cut-lengths b{font-size:1.4rem}.cut-lengths span{font-size:.7rem}.cut-confirm{display:flex;align-items:center;gap:5px;min-width:126px;justify-content:center}.cut-confirm svg{width:38px;height:35px}.scissor-small{padding:0 3px!important;width:52px}.scissor-small svg{width:42px}.table-tabs{display:flex;align-items:center;gap:6px;margin:12px 0}.table-tabs button{min-height:40px;font-size:.8rem;background:#d9e8d7;border-color:#739b8b}.table-tabs #tab-sheet,.table-tabs #tab-parks{display:none}.worktable{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.4fr);gap:22px;align-items:start}.area-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;min-height:44px;color:#fff6df}.area-heading h2{font-size:1.25rem;margin:0;text-shadow:0 1px 3px #1c3d48}.zoom-controls{display:flex;gap:4px}.zoom-controls button{min-width:42px;min-height:40px;padding:5px;font-size:.8rem}.sheet-area{min-width:0}.sheet-scroll{max-height:calc(100dvh - 330px);min-height:350px;overflow:auto;overscroll-behavior:contain;border-radius:9px;background:#355963;box-shadow:inset 0 2px 6px #17333e60;scrollbar-color:#b8c6a4 #355963;scrollbar-width:thin;touch-action:pan-x pan-y}.sheet-holder{min-width:100%;margin:auto}#sheet-holder{margin:auto;min-width:100%;max-width:none}.cut-board{display:block;width:100%;height:auto;max-height:none;user-select:none;touch-action:none;cursor:crosshair;overflow:visible}.real-cut-edge{stroke:#fff6e2;stroke-width:10;fill:none;stroke-linecap:round;pointer-events:none}.real-cut{stroke:#1b414b;stroke-width:6;fill:none;stroke-linecap:round;pointer-events:none}.cut-dot{pointer-events:none}.cut-dot circle:first-child{fill:#fff5d8;stroke:#284d42;stroke-width:5}.cut-dot circle:last-child{fill:#234b3f}.start-ring{fill:#fff5d8;stroke:#9d362e;stroke-width:6}.end-ring{fill:#365f42;stroke:#fff8d8;stroke-width:5}.cut-preview-under{stroke:#172f38;stroke-width:22;fill:none;stroke-linecap:round}.cut-preview-line{stroke:#f9dc69;stroke-width:13;fill:none;stroke-dasharray:15 9;stroke-linecap:round}.cut-number circle{fill:#fff7dc;stroke:#355f43;stroke-width:3}.cut-number text{fill:#203f43;font:bold 23px 'Trebuchet MS',sans-serif}.sheet-footer{display:flex;flex-direction:column;gap:7px;margin:9px 5px;color:#fff4dc;font-size:.75rem;line-height:1.45}.sheet-footer>span:first-child{font-weight:700}.parks-area{min-width:0}.parks-area .area-heading{align-items:center}#token-counts{display:flex;gap:8px;font-size:.72rem;flex-wrap:wrap;justify-content:flex-end}#token-counts>span{background:#fff1d6;color:#324b35;border:1px solid #9db891;border-radius:5px;padding:6px}#token-counts b{font-size:1rem;margin-right:4px}.park-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;align-items:flex-start}.park-card{width:clamp(220px,22vw,285px);position:relative;flex:none;user-select:none;border-radius:9px;box-shadow:0 8px 8px #1b3f484d;background:#ced8a5}.park-art{width:100%;height:auto;border-radius:9px;pointer-events:none}.park-spaces{position:absolute;inset:0;pointer-events:none}.park-square{position:absolute;margin:0;min-height:0;padding:0;border:2px solid transparent;border-radius:3px;background:transparent;pointer-events:auto;touch-action:none;box-shadow:none!important;transition:none}.park-square:hover:enabled{background:#fff8d033;border-color:#345f43}.park-square.occupied{border:1px solid #f5e5c2;background:#fff1dc}.park-square.legal-target{outline:3px solid #f7e5aa;outline-offset:1px;border:3px dashed #346c46;background:#fff9d91a}.park-square.preview-target{outline:4px solid #234e34;outline-offset:2px;border:2px solid #fff4ce;background:#fff1cc}.park-square.invalid-target{outline:4px dashed #9f3029;outline-offset:2px}.placed-tile,.preview-tile{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}.preview-tile{opacity:.92;z-index:1}.placed-tile img,.preview-tile img,.piece-cell img{width:100%;height:100%;object-fit:cover;transform:rotate(var(--rotation,0deg)) scale(var(--flip-h,1),var(--flip-v,1));pointer-events:none}.card-foot{position:relative;display:flex;align-items:center;justify-content:space-between;padding:3px 8px;background:#f7eed8;border-radius:0 0 7px 7px;font-size:.8rem;color:#354b35}.card-foot button{min-height:36px;font-size:.73rem;padding:5px 8px;border-color:transparent;background:transparent}.section-tray{margin-top:19px;padding:12px 14px;background:#e9e1c3;border:2px dashed #648873;border-radius:10px;box-shadow:inset 0 2px 5px #25463720}.tray-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:8px}.tray-heading h3{margin:0;color:#3d553a}.tray-heading>span{font-size:.65rem;color:#3f5a49;max-width:230px;line-height:1.4}.pieces{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-height:250px;overflow:auto;padding:3px}.piece{display:flex;align-items:center;flex-direction:column;gap:8px;padding:10px;max-width:100%;overflow:auto;border:2px solid #8b9f7b;background:#f5edd5;touch-action:none}.piece .paper-piece{max-width:none;pointer-events:auto}.piece small{white-space:nowrap;font-size:.65rem}.paper-piece{position:relative;display:block;flex:none;user-select:none;max-width:none;filter:drop-shadow(1px 3px 2px #24412d55)}.piece-cell{position:absolute;display:block;overflow:hidden;border:1px solid #f8eccc;user-select:none}.empty-tray{font-size:.84rem;margin:8px 0 16px;color:#4b634e}.piece-controls{position:sticky;bottom:8px;z-index:10;max-width:1080px;margin:14px auto 0;padding:10px 12px;background:#fff8e7;border:2px solid #466c48;border-radius:8px;box-shadow:0 -4px 10px #21494f50}.orient-controls{display:flex;gap:6px;flex-wrap:wrap}.orient-controls button{font-size:.76rem;flex:1;padding:6px}.token-options{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0}.token-options label{display:flex;align-items:center;gap:6px;font-size:.75rem;min-height:34px}.placement-decision{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.placement-decision>span{flex:1;min-width:180px;font-size:.8rem}.placement-decision>button{font-size:.8rem}.table-note{color:#edf3e3;margin:18px 0 0;max-width:1000px}.follower{position:fixed;pointer-events:none;z-index:50;opacity:1;filter:drop-shadow(0 8px 6px #173c4250)}.follower .piece-cell{border:2px solid #fff3cd}.notice{position:fixed;z-index:110;bottom:20px;left:50%;translate:-50%;max-width:min(90vw,650px);background:var(--paper);border:2px solid #6d8259;border-radius:8px;padding:13px 20px;box-shadow:var(--shadow);font-size:.9rem;text-align:center}.transition{position:fixed;pointer-events:none;inset:35% 0 auto;z-index:40;display:flex;flex-direction:column;align-items:center;opacity:0;transform:scale(.8);color:#203d3c}.transition.show{animation:round-transition 1.8s ease both}.transition>span{font:900 clamp(2.7rem,7vw,5.5rem) Georgia,serif;line-height:1.2;text-shadow:3px 3px 0 #fff3d0,-3px -3px 0 #fff3d0,3px -3px 0 #fff3d0,-3px 3px 0 #fff3d0}.transition>small{background:var(--paper);padding:7px 20px;border-radius:5px;font-size:1rem}.transition>.scissors{width:150px;height:100px;filter:drop-shadow(1px 4px 2px #fff1c5)}.effects-layer{position:fixed;inset:0;pointer-events:none;z-index:45;overflow:hidden}.snipping-scissors{position:fixed;width:118px;height:98px;transform-origin:0 0}.snipping-scissors>.scissors{width:118px;height:98px;filter:drop-shadow(1px 5px 3px #16383b55)}.snipping-scissors .left-half{animation:snip-left .18s ease-in-out infinite alternate}.snipping-scissors .right-half{animation:snip-right .18s ease-in-out infinite alternate}.paper-leaf{position:absolute;width:16px;height:29px;clip-path:polygon(50% 0,100% 34%,80% 77%,42% 100%,0 65%,12% 28%)}.parade-card{position:absolute;top:16%;width:130px;border-radius:7px;background:var(--paper);box-shadow:var(--shadow)}.parade-card img{width:100%;border-radius:7px}.parade-card span{display:block;padding:5px;text-align:center;font-size:.75rem}.results{background:var(--paper);padding:24px;border-radius:9px;margin:15px 0;box-shadow:var(--shadow)}.results h1{font-size:2rem;color:#3f5938;margin-bottom:20px}.result-players{display:flex;gap:15px;flex-wrap:wrap}.result-player{display:flex;flex-direction:column;gap:6px;font-size:.8rem;padding:12px 20px;background:#e7ecd6;border:2px solid #9aae8b;border-radius:7px;flex:1;min-width:160px}.result-player.winner{background:#fff0b4;border-color:#9f792c}.result-player .scissors{width:85px;height:65px}.result-player strong{font-size:1.1rem}.result-actions{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.score-total{font:700 4rem Georgia,serif;display:flex;align-items:center;gap:25px}.score-total span{font-size:1.3rem}.score-causes{display:flex;gap:10px;flex-wrap:wrap}.score-causes span{background:#e8edd5;padding:8px;border-radius:4px;font-size:.85rem}
dialog{width:min(940px,94vw);max-height:90dvh;border:2px solid #41654e;border-radius:12px;background:var(--paper);color:var(--ink);padding:20px;box-shadow:0 15px 70px #14343b90}dialog::backdrop{background:#17353cc4}.dialog-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head h2{margin:0}.dialog-head button{width:46px;font-size:1.5rem;padding:3px;flex:none}#dialog-body{max-height:calc(90dvh - 112px);overflow:auto;overscroll-behavior:contain;padding:4px 4px 8px}.help-copy{max-width:720px;margin:auto;line-height:1.55}.help-copy h3{margin:24px 0 8px;font-size:1.15rem}.help-copy p{font-size:.95rem}.help-copy a{display:inline-block;min-height:44px;padding:10px 0}.card-inspection{display:grid;grid-template-columns:minmax(180px,420px) 1fr;gap:25px}.card-inspection>img{width:100%;border-radius:8px}.card-inspection>div{padding:10px}.card-inspection li{margin-bottom:5px}.inspection-parks{display:flex;align-items:start;justify-content:center;gap:18px;flex-wrap:wrap}.inspection-parks .park-card{width:240px;margin-bottom:15px}.inspection-sheet{background:#416b73;padding:10px;border-radius:9px;max-width:600px}.color-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:10px}.color-picks button{display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px}.color-picks .scissors{width:140px;height:110px}.journal{padding-left:24px;font-size:.9rem}.journal li{padding:10px 5px;border-bottom:1px solid #c5cbb0;line-height:1.5}.journal b{display:block}
@keyframes snip-left{to{transform:rotate(15deg)}}@keyframes snip-right{to{transform:rotate(-15deg)}}@keyframes round-transition{0%{opacity:0;transform:translateY(20px) scale(.8)}15%,75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-15px) scale(1.03)}}
@media(min-width:1450px){.worktable{grid-template-columns:minmax(440px,.95fr) 1.6fr;gap:28px}.sheet-scroll{max-height:calc(100dvh - 310px)}.park-card{width:280px}.action-strip{min-height:95px}.instruction{max-width:600px}.actions{margin-left:auto}.entry{margin-top:50px}}
@media(min-width:780px) and (max-width:1100px){main{padding:12px}.masthead{padding:7px 12px}.worktable{grid-template-columns:minmax(330px,1fr) minmax(360px,1fr);gap:14px}.park-card{width:240px}.park-cards{gap:14px}.parks-area .area-heading{align-items:flex-start}.parks-area h2{min-width:70px}#token-counts{flex-direction:column;font-size:.65rem;gap:3px}.action-strip{flex-wrap:wrap;gap:10px}.instruction{flex:1;min-width:300px}.actions{max-width:none;flex:1 1 100%;justify-content:flex-start;margin-left:97px}.sheet-scroll{max-height:650px}.audio-strip{gap:7px;padding:2px 10px}.audio-caption{max-width:160px}.audio-channel input{width:70px}.entry{gap:18px}.entry-paper{padding:25px}.entry-art{min-height:480px}.lobby{gap:25px}.lobby-paper{padding:22px}}
@media(max-width:779px){main{padding:10px 9px 20px}.masthead{padding:6px 10px;gap:9px;min-height:65px;flex-wrap:wrap}.wordmark{width:91px}.clip{font-size:1.65rem}.parks-word{font-size:.93rem}.masthead nav{gap:3px}.masthead nav>button{font-size:.75rem;padding:6px}.flag{width:40px;min-width:40px;height:44px}.flag svg{width:30px}.table-meta{order:3;width:100%;gap:8px;font-size:.75rem}.table-meta:has(#room-label:empty){display:none}.table-meta button{min-height:36px;padding:6px;font-size:.75rem}#connection{margin-left:auto;max-width:55%;line-height:1.3}.audio-strip{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:2px 9px;font-size:.7rem}.source-wrap{grid-column:1/-1;grid-row:1;min-width:0;width:53%}.source-wrap select{width:100%;max-width:none;min-height:40px;padding:4px 6px;font-size:.73rem}.audio-caption{grid-column:1/-1;grid-row:1;justify-self:end;justify-content:flex-end;width:45%;font-size:.61rem;gap:6px;line-height:1.2}.audio-caption #audio-status{max-width:95px}.audio-caption button{min-height:40px;padding:3px 5px;font-size:.64rem}.audio-channel{grid-row:2;width:100%;gap:3px;min-height:44px}.audio-channel button{min-height:44px;font-size:.72rem;padding:3px}.audio-channel input{width:100%;min-width:40px;height:44px}.audio-channel output{font-size:.65rem;min-width:26px}.entry{display:flex;flex-direction:column-reverse;margin:12px auto 20px;gap:10px;max-width:540px}.entry-art{min-height:0;aspect-ratio:1.3;width:100%;max-width:430px;margin:0 auto}.loose-card{width:70%;rotate:5deg}.paper-sheet{width:28%;left:5%;top:11%}.big-scissors{width:30%;left:6%;bottom:0}.snip-line{display:none}.entry-paper{width:100%;padding:23px 24px}.entry h1{font-size:1.9rem;max-width:400px;margin-bottom:10px}.entry-paper>p{font-size:.9rem;margin-bottom:15px}.byline{display:none}.entry form{max-width:none}.entry #entry-footnote{font-size:.75rem;margin:12px 0 0}.entry #entry-error{margin:7px 0}.lobby{display:flex;flex-direction:column;margin:10px auto;gap:23px;max-width:570px}.lobby-paper{width:100%;padding:22px}.lobby-preview{max-width:400px;margin-top:5px}.lobby-preview h2{font-size:1.4rem}.setup-options{margin-top:20px}.players{flex-wrap:nowrap;overflow:auto;gap:6px;margin-bottom:9px;padding-bottom:2px}.player{flex:1 0 145px;min-width:145px;padding:4px 7px;gap:5px}.player .scissors{width:35px;height:36px}.player strong{font-size:.78rem}.player small{font-size:.6rem}.progress{font-size:1.15rem}.action-strip{gap:9px;padding:9px;min-height:135px;flex-wrap:wrap}.round-block{min-width:62px;gap:5px}.round-block>strong{font-size:.68rem}.die{height:43px;min-width:45px;padding:6px}.die span{width:16px;height:16px;font-size:.7rem}.instruction{min-width:160px;flex:1}.instruction strong{font-size:1.15rem}.instruction>span{font-size:.74rem;line-height:1.3}.actions{flex:1 1 100%;max-width:none;justify-content:flex-start;gap:6px}.actions button{min-height:44px;font-size:.75rem;padding:5px 9px}.cut-lengths button{padding:5px;min-width:44px}.cut-lengths b{font-size:1.2rem}.cut-lengths span{font-size:.6rem}.cut-confirm{min-width:105px}.cut-confirm svg{width:29px;height:28px}.scissor-small{margin-left:auto;min-width:44px;width:44px}.scissor-small svg{width:37px}.table-tabs{gap:5px;margin:10px 0;flex-wrap:wrap}.table-tabs #tab-sheet,.table-tabs #tab-parks{display:block;flex:1}.table-tabs button{padding:7px 6px;font-size:.7rem;min-height:44px}.table-tabs #inspect-completed,.table-tabs #history{flex:0 1 auto}.worktable{display:block}.area-heading{min-height:44px;margin-bottom:8px}.area-heading h2{font-size:1.1rem}.sheet-scroll{max-height:none;min-height:0}.cut-board{width:100%;height:auto}#table[data-tab=sheet] .parks-area{display:none}#table[data-tab=parks] .sheet-area{display:none}.park-card{width:min(80vw,310px)}.park-cards{gap:22px}.parks-area .area-heading{flex-wrap:wrap}#token-counts{font-size:.66rem;gap:5px}#token-counts>span{padding:5px}#token-counts b{font-size:.85rem}.section-tray{padding:10px;margin-top:17px}.tray-heading{align-items:flex-start}.tray-heading>span{max-width:170px;font-size:.6rem}.piece-controls{bottom:4px;padding:8px;max-height:48dvh;overflow:auto}.orient-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px}.orient-controls button{font-size:.68rem;min-height:44px}.token-options{gap:3px;margin:5px 0;flex-direction:column}.token-options label{font-size:.7rem;min-height:36px}.placement-decision{gap:5px}.placement-decision>span{flex:1 1 100%;font-size:.72rem}.placement-decision button{font-size:.72rem;flex:1}.table-note{font-size:.7rem;margin-top:15px}.sheet-footer{font-size:.7rem}.results{padding:18px 14px}.results h1{font-size:1.6rem}.result-player{min-width:130px;padding:10px;gap:4px;font-size:.72rem}.result-player strong{font-size:1rem}.result-player .scissors{width:64px;height:50px}.result-players{gap:9px}.result-actions button{font-size:.75rem}.score-causes{gap:7px}.score-causes span{font-size:.73rem}.notice{bottom:10px;padding:10px 14px;font-size:.8rem}.color-picks{grid-template-columns:1fr 1fr;gap:10px;padding:4px}.color-picks .scissors{width:105px;height:85px}.color-picks button{font-size:.8rem;gap:2px}.card-inspection{display:flex;flex-direction:column;gap:10px}.card-inspection>img{width:100%;max-width:350px;align-self:center}.card-inspection>div{padding:0}.card-inspection ul{columns:2}.card-inspection p{font-size:.85rem}.inspection-parks .park-card{width:min(77vw,280px)}dialog{padding:15px}.dialog-head h2{font-size:1.2rem}.help-copy p{font-size:.86rem}.help-copy h3{font-size:1.05rem}.parade-card{width:95px}}
.audio-channel button,.source-wrap select,.audio-caption button,.card-foot button,.table-tabs button,.zoom-controls button{min-height:44px}
#sheet-holder{min-width:0;max-width:none}.detached-paper img{width:100%;height:100%;border:1px solid #fff1d2}.sheet-scroll{min-height:0}.park-face{position:relative;aspect-ratio:5/7}
@media(max-width:779px){.player strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player{min-height:56px}.player small{font-size:.62rem;line-height:1.3}.table-tabs{flex-wrap:nowrap}.flag{min-width:44px;width:44px}.cut-lengths button{min-width:44px}}
@media(max-width:779px){.parks-area{display:flex;flex-direction:column}.parks-area .area-heading{order:0}.parks-area .park-cards{order:2}.parks-area .section-tray{order:1;position:sticky;top:4px;z-index:6;margin:0 0 12px;max-height:190px;overflow:auto}.parks-area .pieces{max-height:120px}.tray-heading>span{display:none}}
@media(max-width:370px){.masthead nav>button{font-size:.68rem;padding:4px}.wordmark{width:78px}.clip{font-size:1.45rem}.flag{width:35px;min-width:35px}.actions{gap:4px}.actions button{font-size:.7rem;padding:4px 7px}.cut-lengths{gap:3px}.cut-lengths button{min-width:42px}.cut-confirm{min-width:95px}.table-tabs button{font-size:.64rem}.audio-channel output{display:none}.audio-caption{font-size:.57rem}.audio-caption #audio-status{max-width:75px}}
body.calm *,body.calm *:before,body.calm *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.calm .transition.show{opacity:1;transform:none;inset:19px auto auto 50%;translate:-50%;background:var(--paper);padding:8px 18px;border-radius:8px;flex-direction:row;gap:10px}body.calm .transition>span{font:700 1.1rem 'Trebuchet MS',sans-serif;text-shadow:none}body.calm .transition>.scissors{width:45px;height:35px}body.calm .transition small{font-size:.8rem;padding:0}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.transition.show{opacity:1;transform:none;inset:19px auto auto 50%;translate:-50%;background:var(--paper);padding:8px 15px;border-radius:8px;flex-direction:row;gap:8px}.transition>span{font:700 1rem 'Trebuchet MS',sans-serif;text-shadow:none}.transition>.scissors{width:40px;height:33px}.transition small{font-size:.75rem;padding:0}}