@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;600;700&display=swap";:root{color:#302a25;font-family:"Noto Serif SC",Songti SC,serif;font-synthesis:none;background:#49382b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}.custom-dialog{width:min(1000px,94vw);max-height:90vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#b5a17e transparent;border:1px solid #927958;border-radius:6px;background:#eee5d0;color:#503e2e;padding:24px}.custom-dialog::backdrop{background:#261b1399}.custom-dialog h2{margin-top:0;font-family:KaiTi,serif}.custom-dialog canvas{display:block;width:100%;background:#faf5e7;border:1px solid #bca888;touch-action:none;margin:12px 0}.custom-dialog label{display:grid;gap:4px;margin:8px 0;font-size:14px}.custom-dialog input,.custom-dialog select{padding:7px;border:1px solid #b5a17e;background:#fff9ec}.custom-dialog button{padding:8px 12px;border:1px solid #987953;background:#e0cba5;color:#503e2e;cursor:pointer}.custom-dialog p{font-size:14px;line-height:1.6}.custom-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.custom-stats input{min-width:0;width:100%}.creator-heading,.creator-toolbar,.creator-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.creator-heading h2{margin:4px 0 12px;font:30px Ma Shan Zheng,cursive}.creator-heading small{color:#947859}.creator-toolbar{border-bottom:1px solid #b5a17e66;padding-bottom:12px}.creator-tabs{display:flex;gap:8px}.creator-tabs [aria-pressed=true]{background:#86573e;color:#fff0d6}.creator-toolbar>label{flex:1;max-width:400px}.creator-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;padding:12px 0}.creator-paper{align-self:start;position:sticky;top:0}.creator-paper canvas{aspect-ratio:4 / 3}.drawing-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.drawing-tools label{flex:1}.drawing-tools input{padding:0;accent-color:#86573e}.creator-settings input,.creator-settings select,.creator-toolbar select{min-width:0;width:100%}.creator-settings h3{font-size:16px;margin-bottom:8px}.production-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.production-checks label{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere;padding:8px;border:1px solid #b5a17e66}.production-checks input{width:auto;accent-color:#86573e}.creator-footer{border-top:1px solid #b5a17e66;padding-top:12px}.creator-footer button{flex-shrink:0;background:#86573e;color:#fff0d6}.custom-dialog button:hover:not(:disabled){filter:brightness(1.08)}.custom-dialog button:disabled{opacity:.5;cursor:wait}.custom-dialog :is(button,input,select):focus-visible{outline:2px solid #86573e;outline-offset:2px}@media(max-width:760px){.custom-dialog{padding:16px}.creator-columns{grid-template-columns:1fr;gap:12px}.creator-paper{position:static}.creator-heading h2{font-size:24px}.creator-footer{align-items:stretch;flex-direction:column;gap:4px}}[hidden]{display:none!important}.entrance{display:grid;place-items:center}.invite-dialog{width:min(460px,calc(100vw - 32px));padding:32px;border:1px solid #b5a17e;border-radius:3px 9px 6px 3px;color:#574735;background:repeating-linear-gradient(0deg,transparent 0 31px,#8da9ae24 31px 32px),#f1ecd9;box-shadow:3px 5px #d0bea0,8px 20px 50px #24180f60}.invite-dialog::backdrop{background:#281d1670;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.invite-kicker{color:#8b785e;font-size:13px}.invite-dialog h2{font:28px Ma Shan Zheng,cursive;margin:14px 0 20px}.invite-dialog p{font-size:14px;line-height:1.8}.invite-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px dashed #a69173;padding:16px 0;margin-top:24px}.invite-code-row span{font:600 clamp(18px,5vw,24px) monospace;letter-spacing:1px;color:#994839;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;min-width:0}.invite-dialog button{border:0;background:transparent;padding:10px 4px;min-height:44px;color:#994839;cursor:pointer;white-space:nowrap}.invite-dialog button:hover{color:#693629;text-decoration:underline}.invite-dialog button:active{transform:translateY(1px)}.invite-dialog button:focus-visible{outline:2px solid #9b6650;outline-offset:3px}.invite-copy-status{min-height:50px;color:#88775d}.invite-dismiss{display:block;margin-left:auto;font:18px Ma Shan Zheng,cursive}@media(max-width:400px){.invite-dialog{padding:24px 20px}}.entry-dialog{padding:0;border:0;overflow:visible;background:transparent;color:#574b3b;max-width:calc(100vw - 24px)}.entry-dialog::backdrop{background:#281d1670;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.entry-dialog .desk.entrance{min-height:0;padding:0;background:none;overflow:visible}.entry-paper{position:relative;width:min(580px,calc(100vw - 24px));padding:36px 32px 24px 52px;border:1px solid #b8a687;border-radius:3px 8px 5px 3px;background:linear-gradient(90deg,transparent 30px,#be77734d 31px,transparent 32px),repeating-linear-gradient(0deg,transparent 0 31px,#8da9ae24 31px 32px),#f1ecd9;box-shadow:2px 4px #dbd0b9,4px 8px #a58d6d,8px 22px 60px #20160e70}.entry-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin-bottom:28px}.entry-heading h1{margin:0;font:30px Ma Shan Zheng,cursive;color:#543}.entry-heading span{font:15px Ma Shan Zheng,cursive;color:#88775d}.entry-row{display:grid;grid-template-columns:40px minmax(0,1fr) 112px;align-items:center;gap:12px;height:64px;border-bottom:1px solid #a38e7070}.entry-row label{font:18px Ma Shan Zheng,cursive;white-space:nowrap}.entry-row input{width:100%;min-width:0;height:44px;padding:8px 2px;background:transparent;border:0;border-radius:0;color:#3f5365;font-size:16px}.entry-row input::placeholder{color:#978b75;font-size:14px}.entry-row button{min-height:44px;padding:8px 4px;background:transparent;border:0;color:#984b3b;font:18px Ma Shan Zheng,cursive;white-space:nowrap;cursor:pointer;transition:color .15s,transform .15s}.entry-row button:hover:not(:disabled){color:#6e3026;transform:rotate(-2deg)}.entry-row button:active:not(:disabled){transform:translateY(1px)}.entry-row :is(input,button):focus-visible,.entry-close:focus-visible{outline:2px solid #9b6650;outline-offset:3px}.entry-row :disabled{opacity:.4;cursor:default}.entry-status{min-height:44px;margin:16px 0 0;font-size:13px;line-height:1.6;color:#82745d;overflow-wrap:anywhere}.entry-status.is-error{color:#a13e30}.entry-page-number{display:block;text-align:center;font:14px Ma Shan Zheng,cursive;color:#9c8c73}.entry-close{position:absolute;top:8px;right:8px;width:40px;height:40px;background:none;border:0;color:#8b785d;font:26px serif;cursor:pointer}@media(max-width:480px){.entry-paper{padding:32px 16px 20px 32px;background-position:-12px 0,0 0,0 0}.entry-row{grid-template-columns:38px minmax(0,1fr) 92px;gap:6px}.entry-row button{font-size:16px}.entry-heading{margin-bottom:20px}}.entry-paper .text-button{background:transparent;color:#80553e;padding:3px 8px}.entry-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.room-list{display:grid;gap:10px;margin:25px 0}.room-list button{display:flex;justify-content:space-between;gap:20px;text-align:left;background:#e0d3ba;color:#513d2e}.entry-paper .entry-error{color:#a13e30;min-height:24px;margin-bottom:0}.code-note{color:#856548}.room-message{max-width:220px;overflow-wrap:anywhere}@media(max-width:760px){.entry-columns{grid-template-columns:1fr;gap:0}}.desk{--wood: #74523b;position:relative;min-height:100vh;overflow:hidden;padding:34px 28px 24px;background:linear-gradient(91deg,transparent 0 22%,rgba(47,28,17,.16) 22.2%,transparent 22.8% 68%,rgba(47,28,17,.14) 68.2%,transparent 68.8%),repeating-linear-gradient(3deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px),radial-gradient(circle at 50% 42%,#9b7658 0,var(--wood) 48%,#4c382b 100%);isolation:isolate}.desk:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 52%,transparent 34%,rgba(39,24,15,.42) 100%);transition:opacity .65s ease}.desk.is-book-focused:before{opacity:1}.desk:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.34;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.masthead{position:relative;z-index:3;width:calc(100% - 340px);margin:0 0 4px;color:#f5ead8;transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.masthead .eyebrow{font:600 10px/1.2 ui-monospace,monospace;letter-spacing:.22em;opacity:.64}.masthead h1{margin:4px 0 0;font:400 clamp(26px,3vw,42px)/1 "Ma Shan Zheng",cursive;letter-spacing:.08em;text-shadow:0 2px 12px #39271d}.masthead p{position:absolute;top:7px;right:0;margin:0;font-size:12px;opacity:.7}.is-book-focused .masthead{opacity:0;transform:translateY(-9px) scale(.98);pointer-events:none}.book-stage{position:fixed;inset:0;z-index:3;perspective:2200px}.book-scene{--overview-scale: .72;position:absolute;top:50%;left:50%;width:min(1680px,96%,calc((100vh - 110px)*1.61));aspect-ratio:1.61 / 1;transform:translate(-50%,-50%) scale(var(--overview-scale));transform-style:preserve-3d;transition:transform .72s cubic-bezier(.18,.82,.18,1),filter .72s ease}.is-camera-moving .book-scene{will-change:transform}.is-book-focused .book-scene{filter:drop-shadow(0 30px 32px rgba(33,20,12,.28));transform:translate(calc(-50% + var(--focus-x, 0px)),calc(-50% + var(--focus-y, 0px))) scale(1)}.book-shadow{position:absolute;left:12%;right:9%;bottom:2%;height:22%;border-radius:50%;background:#1c110a8f;filter:blur(28px);transform:rotate(-1deg)}.notebook{--mouse-y: .5;position:relative;width:100%;aspect-ratio:1.61 / 1;transform-style:preserve-3d;transform:rotateX(calc(8deg + (var(--mouse-y) - .5) * -2deg)) rotate(-.7deg);transition:transform .25s ease;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto}.board{position:absolute;top:1.1%;bottom:.2%;width:49.2%;border:1px solid rgba(44,28,20,.75);background:linear-gradient(145deg,#6a3c2d,#8e5940 52%,#5e3528);box-shadow:inset 0 0 0 4px #ffffff0a,inset 0 0 35px #26140d57,0 11px 18px #26140d47}.board-left{left:.8%;border-radius:16px 4px 5px 16px;transform:translateZ(-7px);opacity:0;transition:opacity .5s .2s}.board-right{left:50%;border-radius:4px 16px 16px 5px;transform:translateZ(-7px)}.is-open .board-left{opacity:1}.paper-stack{position:absolute;inset:2.2% 1.1% 1.5% 50.4%;border-radius:2px 11px 11px 2px;background:repeating-linear-gradient(0deg,#d9d0ba 0 1px,#f0eadb 1px 3px);box-shadow:8px 10px 14px #22150d3d;transform:translateZ(-2px)}.rings{position:absolute;z-index:90;top:5%;bottom:5%;left:calc(50% - 13px);display:flex;flex-direction:column;justify-content:space-around;pointer-events:none;opacity:0;transition:opacity .3s;transform:translateZ(18px)}.is-open .rings{opacity:1}.rings span{width:28px;height:8px;border:2px solid #59524b;border-radius:50%;box-shadow:1px 2px 2px #211c18,inset 1px 1px #bcb4a7;background:linear-gradient(#777,#393634)}.leaf{position:absolute;z-index:var(--rest-z);top:2.25%;left:50%;width:48.8%;height:96.2%;transform-origin:0 50%;transform-style:preserve-3d;transform:rotateY(0);transition:transform 1.05s cubic-bezier(.2,.74,.13,1),filter .6s,z-index 0s .52s}.leaf.is-turning{will-change:transform}.leaf.is-turned{z-index:var(--turned-z);transform:rotateY(-179.6deg)}.leaf:not(.is-turned){cursor:pointer}.cover-leaf.is-peeking:not(.is-turned){transform:rotateY(-5deg) rotate(-.25deg);filter:drop-shadow(-9px 9px 6px rgba(41,27,17,.19))}.leaf-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d}.leaf-front{border-radius:2px 10px 10px 2px}.leaf-back{border-radius:10px 2px 2px 10px;transform:rotateY(180deg)}.cover-front{color:#3d241a;background:radial-gradient(circle at 85% 18%,transparent 0 5px,rgba(71,35,23,.16) 6px,transparent 8px),linear-gradient(135deg,rgba(255,255,255,.15),transparent 30%),#a76345;border:2px solid #593326;box-shadow:inset 0 0 0 5px #502a1d29,inset 0 0 45px #41211738,5px 7px 16px #25160f59}.cover-wear{position:absolute;inset:8px;border:1px solid rgba(76,39,27,.23);border-radius:4px 8px 8px 4px}.cover-label{position:absolute;top:15%;left:13%;right:13%;padding:22px 18px;text-align:center;background:#e8ddc3;border:2px solid #6d3d2c;box-shadow:3px 4px #4c271b40;transform:rotate(-1.2deg)}.cover-label small{display:block;font-size:12px;letter-spacing:.16em}.cover-label strong{display:block;margin:9px 0 2px;font:400 clamp(38px,5vw,70px)/1.1 "Ma Shan Zheng",cursive;letter-spacing:.08em}.cover-label span{font:700 12px/1 ui-monospace,monospace;letter-spacing:.45em;opacity:.58}.cover-sketch{position:absolute;inset:47% 11% auto;height:21%;color:#3f291ead;font-family:Ma Shan Zheng,cursive;transform:rotate(-4deg)}.cover-tank{position:absolute;left:14%;bottom:16%;font-size:55px}.cover-burst{position:absolute;left:56%;top:5%;font-size:65px}.cover-plane{position:absolute;right:7%;bottom:25%;font-size:46px;transform:rotate(-15deg)}.owner{position:absolute;left:15%;bottom:10%;margin:0;font:18px/2 Ma Shan Zheng,cursive}.owner b{font-weight:400;letter-spacing:.08em}.open-hint{position:absolute;right:7%;bottom:6%;padding:8px 11px;color:#3d241a;border:0;background:transparent;font:15px Ma Shan Zheng,cursive;cursor:pointer;transform:rotate(-2deg);transition:transform .2s}.open-hint span{display:inline-block;transition:transform .2s}.open-hint:hover span{transform:translate(4px)}.paper-front,.paper-back{background-color:#eee8d8;background-image:linear-gradient(90deg,transparent 0 9.5%,rgba(177,78,69,.34) 9.7%,transparent 10%),repeating-linear-gradient(0deg,transparent 0 26px,rgba(82,123,144,.19) 27px,transparent 28px),radial-gradient(circle at 30% 20%,rgba(255,255,255,.62),transparent 55%);border:1px solid #d3cab6;box-shadow:inset 13px 0 18px #5d4b341c,3px 5px 8px #2b1e132b}.paper-front:after,.paper-back:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.12'/%3E%3C/svg%3E")}.battlefield{position:absolute;z-index:1;inset:18% 4% 11% 10%;overflow:hidden}.battlefield canvas{display:block;width:100%;height:100%}.battlefield.is-playing canvas{cursor:crosshair}.page-footer{position:absolute;z-index:3;right:6%;bottom:4%;left:12%;display:flex;justify-content:space-between;align-items:flex-end;color:#777066;font:12px Ma Shan Zheng,cursive}.scribble{color:var(--accent);font-size:clamp(14px,1.6vw,20px);transform:rotate(-2deg)}.battle-leaf.is-playing:not(.is-turned){cursor:default}.page-curl{position:absolute;z-index:5;right:0;bottom:0;width:86px;height:86px;opacity:0;clip-path:polygon(100% 0,0 100%,100% 100%);background:linear-gradient(135deg,#ffffff40 0 45%,#c9bfaa 49%,#f5f0e4 72%);filter:drop-shadow(-4px -4px 4px rgba(55,38,25,.16));transition:opacity .2s,transform .35s;transform:translate(28px,28px)}.is-peeking .page-curl{opacity:1;transform:translate(0)}.page-curl span{position:absolute;right:8px;bottom:9px;color:#766f65;font:11px Ma Shan Zheng,cursive;transform:rotate(-45deg)}.battle-leaf:not(.is-turned) .page-curl{opacity:.75;transform:none;border:0;cursor:pointer}.battle-leaf:not(.is-turned) .page-curl:hover{opacity:1}.page-curl:focus-visible{outline:2px solid #916a40;outline-offset:-6px}.paper-back{color:#5c574f}.page-controls{position:fixed;bottom:24px;left:50%;z-index:4;display:flex;width:min(520px,88vw);margin:0;align-items:center;justify-content:center;gap:22px;color:#f3e6d2;transform:translate(-50%)}.page-controls button{min-width:96px;padding:8px 12px;color:inherit;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:#291c143b;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .18s,transform .18s,opacity .18s}.page-controls button:hover:not(:disabled){background:#291c1480;transform:translateY(-1px)}.page-controls button:active:not(:disabled){transform:translateY(1px)}.page-controls button:focus-visible{outline:2px solid #f1d29f;outline-offset:3px}.page-controls button:disabled{opacity:.28;cursor:default}.page-status{position:relative;width:112px;padding:8px 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.2);text-align:center;font:12px ui-monospace,monospace}.page-status i{position:absolute;left:0;bottom:-1px;height:2px;background:#e0b87e;transition:width .55s ease}.pencil{position:absolute;z-index:1;top:17%;right:-42px;width:310px;height:14px;border-radius:3px;background:linear-gradient(#d8ae43 0 25%,#b77b26 26% 66%,#deb954 67%);box-shadow:4px 8px 10px #27180f40;transform:rotate(67deg)}.pencil:before{content:"";position:absolute;left:-40px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:40px solid #d2b995}.pencil:after{content:"";position:absolute;left:-43px;top:5px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:8px solid #2e2926}.pencil i{position:absolute;right:-32px;width:32px;height:14px;border-radius:0 6px 6px 0;background:#b66a61;border-left:8px solid #a9a197}.eraser{position:absolute;z-index:1;left:5%;bottom:9%;width:70px;height:39px;padding:10px 8px;color:#4b383080;border-radius:5px;background:linear-gradient(100deg,#d5a69b 0 64%,#5c7f8b 65%);box-shadow:5px 8px 12px #25170f38;font:10px ui-monospace,monospace;transform:rotate(12deg)}@media(max-width:760px){.desk{padding:24px 8px 18px}.masthead{margin-bottom:12px}.masthead p{display:none}.book-scene{width:96%}.notebook{transform:rotateX(6deg)}.scribble{font-size:12px}.pencil,.eraser{opacity:.5}.page-controls{bottom:12px}}@media(prefers-reduced-motion:reduce){.leaf,.notebook,.book-scene,.page-controls button{transition-duration:.01ms}.leaf{transition-delay:0s}}.spread-layer{position:absolute;inset:2.25% 1.2% 1.55%;z-index:100;transform:translateZ(20px);pointer-events:none}.spread-layer.is-flipping{visibility:hidden}.battle-print{position:absolute;top:0;pointer-events:none;visibility:hidden}.is-page-turning .battle-print{visibility:visible}.spread-title,.print-title{position:absolute;top:3%;left:6%;max-width:80%;margin:0;color:#645541;font:clamp(18px,2vw,30px) "Ma Shan Zheng",cursive;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.spread-field{inset:12% 3% 23%;overflow:visible;pointer-events:auto}.spread-field .battle-state{position:absolute;top:-8%;right:1%;color:#84755f;font:13px Ma Shan Zheng,cursive;pointer-events:none}.battle-money{position:absolute;left:0;right:0;top:-5%;display:flex;justify-content:space-between;pointer-events:none;font:16px Ma Shan Zheng,cursive}.battle-money span:first-child{color:#994839}.battle-money span:last-child{color:#3f6078}.battle-money b{font:600 15px ui-monospace,monospace}.spread-field .battle-state{top:-12%}@media(max-width:760px){.battle-money,.battle-money b{font-size:10px}}.paper-menu,.print-menu{position:absolute;left:5%;bottom:4%;width:41%;height:17%;pointer-events:auto;padding-top:10px}.paper-margin{position:absolute;inset:77% 0 0;pointer-events:none;background:linear-gradient(180deg,#bca57c0b,transparent)}.paper-margin:before,.paper-margin:after{content:"";position:absolute;top:0;left:3%;right:3%;border-top:1px solid #9a886355;transform:rotate(-.12deg)}.paper-margin:after{top:2px;opacity:.35;transform:rotate(.08deg)}.margin-label{position:absolute;top:6%;left:55%;font:12px Ma Shan Zheng,cursive;color:#99876b;letter-spacing:.08em}.margin-art{position:absolute;top:16%;bottom:12%;left:54%;width:24%;opacity:.6;transform:rotate(-2deg)}.margin-art canvas{display:block;width:100%;height:100%;object-fit:contain}.margin-plan{position:absolute;left:79%;top:30%;display:grid;gap:12px;color:#94836b;font:clamp(11px,1.3vw,18px) "Ma Shan Zheng",cursive;transform:rotate(3deg)}.margin-plan s{text-decoration-thickness:2px;opacity:.8}.margin-plan span{transform:rotate(-7deg)}.menu-options{display:flex;gap:12px;height:85%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;align-items:stretch}.menu-options::-webkit-scrollbar{display:none}.sketch-card{position:relative;flex:0 0 100px;min-width:0;padding:3px;border:1.5px solid #9d8565;border-radius:5px 8px 3px 6px;background:#eee5ce77;cursor:pointer;transform:rotate(-1deg);overflow:hidden;transition:background .15s,border-color .15s}.sketch-card:nth-child(2n){transform:rotate(1deg)}.sketch-card canvas{width:100%;height:100%;object-fit:contain;display:block}.sketch-card:hover:not(:disabled),.sketch-card.is-chosen{background:#e2d1a944;border-color:#844f38;box-shadow:inset 0 0 0 1px #844f3866}.sketch-card:active:not(:disabled){transform:translateY(2px)}.sketch-card:disabled{opacity:.4;cursor:default}.sketch-card.is-producing{opacity:1}.sketch-card:focus-visible{outline:2px solid #665b3d;outline-offset:-4px}.clock-mask{display:none;position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg var(--progress),#6e765955 var(--progress) 360deg)}.is-producing .clock-mask{display:block}.queue-count{position:absolute;bottom:3px;right:5px;color:#655437;font:12px ui-monospace,monospace}.menu-feedback{position:absolute;left:0;top:98%;font:12px Ma Shan Zheng,cursive;color:#9b513c;white-space:nowrap}[data-cancel-build]{position:absolute;top:13px;right:-26px;padding:2px 6px;border:0;background:transparent;color:#8c624b;cursor:pointer;font-size:21px}.notebook-tools{position:fixed;z-index:150;top:18px;right:24px;display:flex;gap:12px;align-items:start;color:#eedfc5;font-size:13px}.notebook-tools .room-message{position:absolute;top:44px;right:0;color:#f2d0a4}.is-battle-active .notebook{transform:rotateX(0) rotate(0)}@media(max-width:760px){.desk:not(.entrance){display:flex;flex-direction:column;padding:16px 8px;overflow:visible}.masthead{width:100%;margin-bottom:18px}.masthead h1{font-size:25px}.notebook-tools{position:relative;inset:auto;justify-content:flex-end;order:1;margin-bottom:10px;font-size:11px}.book-stage{position:relative;inset:auto;order:2;width:100%;height:72vw;min-height:250px}.book-scene{width:98%}.page-controls{position:relative;order:3;left:auto;bottom:auto;width:100%;transform:none;margin-top:16px;gap:8px}.spread-title,.print-title{font-size:13px}.spread-field .battle-state{font-size:9px}.paper-menu,.print-menu{height:18%;bottom:3%;padding-top:3px}.margin-label{font-size:7px}.margin-plan{font-size:8px;gap:3px;left:78%}.menu-options{gap:5px}.sketch-card{flex-basis:45px;padding:0}.menu-feedback{font-size:8px}.rings{left:calc(50% - 6px)}.rings span{width:13px;height:5px;border-width:1px}.cover-label{padding:8px 5px}.cover-label small{font-size:6px}.cover-label strong{font-size:23px}.cover-label span{font-size:6px}.owner{font-size:10px}.open-hint{font-size:9px;padding:2px}.cover-tank,.cover-plane{font-size:25px}.cover-burst{font-size:30px}.eraser,.pencil{display:none}.scribble{font-size:9px}}.print-field{position:absolute;inset:12% 3% 23%}.print-field>canvas{display:block;width:100%;height:100%}.print-menu .sketch-card{opacity:.4}.page-rematch{position:absolute;z-index:5;right:5%;top:2.5%;display:grid;justify-items:center;gap:5px;pointer-events:auto}.page-rematch button{padding:11px 22px;border:2px solid #a34e39;border-radius:5px 9px 4px 7px;background:#f1dfbb;box-shadow:2px 3px #9d604133;color:#913e2d;font:23px Ma Shan Zheng,cursive;cursor:pointer;transform:rotate(1deg)}.page-rematch button:hover:not(:disabled){background:#f8e6be;transform:rotate(-1deg) translateY(-2px)}.page-rematch button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.page-rematch button:focus-visible{outline:2px solid #813f2e;outline-offset:4px}.page-rematch button:disabled{opacity:.65;cursor:wait}.rematch-status{font:12px Ma Shan Zheng,cursive;color:#947459}.spread-layer:has(.page-rematch:not([hidden])) .spread-title{max-width:60%}.spread-layer:has(.page-rematch:not([hidden])) .battle-state{display:none}@media(max-width:760px){.page-rematch{right:4%;top:2%;gap:2px}.page-rematch button{padding:5px 8px;font-size:13px;border-width:1px}.rematch-status{font-size:8px}}.notebook-tools{top:10px;right:20px;max-width:calc(100% - 260px);align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;color:#5d4b36}.notebook-tools button{min-height:36px;padding:7px 11px;border:1px solid #b4a17e;border-radius:3px 5px 3px 4px;background:#eee3c9;color:inherit;cursor:pointer;font-size:13px;box-shadow:1px 2px 4px #2c201722}.notebook-tools button:hover:not(:disabled){background:#fff0d0;border-color:#8d704f}.notebook-tools button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.notebook-tools button:disabled{opacity:.5;cursor:wait}.notebook-tools button:focus-visible,.join-inline input:focus-visible{outline:2px solid #bc8253;outline-offset:2px}.invite-ticket{display:flex;align-items:center;gap:8px;transform:rotate(-.7deg)}.invite-ticket>span,.invite-ticket small{font-size:10px;color:#988060}.invite-ticket b{font:14px ui-monospace,monospace;color:#92523c;letter-spacing:.04em}.join-inline{display:flex;align-items:center;gap:7px;padding-left:6px}.join-inline label{color:#e9dcc0;font-size:12px}.join-inline input{width:120px;height:36px;padding:7px 9px;border:1px solid #b5a27f;border-radius:3px;background:#f4ead3;color:#665039;font-size:13px}.notebook-tools .tool-icon{display:grid;place-items:center;width:36px;padding:7px}.tool-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-control{display:flex;align-items:center;gap:4px;color:#ecddbe}.sound-control input{width:52px;accent-color:#c8ac76}.notebook-tools .room-message{top:calc(100% + 5px);right:0;margin:0;padding:3px 7px;background:#4b3828d9;color:#f3ddb8;border-radius:3px}.room-message:empty{display:none}.logout-dialog{width:min(400px,90vw);padding:28px;border:1px solid #a68b61;border-radius:6px 9px 5px 8px;background:#eee5ce;color:#67523d;box-shadow:0 14px 50px #24170e77}.logout-dialog::backdrop{background:#2c201c88}.logout-dialog h2{margin:0 0 16px;font:30px Ma Shan Zheng,cursive}.logout-dialog p{font-size:14px;line-height:1.8}.logout-dialog form>div{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.logout-dialog button{padding:9px 16px;cursor:pointer;border:1px solid #b29a73;background:#f9efd8;color:#68503b;border-radius:3px}.logout-dialog [data-confirm-logout]{background:#92563f;border-color:#92563f;color:#fff0d5}.logout-dialog button:focus-visible{outline:2px solid #8b6445;outline-offset:3px}@media(max-width:760px){.notebook-tools{top:auto;right:auto;max-width:none;width:100%;justify-content:flex-start;gap:7px}.invite-ticket{order:-1}.join-inline{order:-1;padding-left:0}.join-inline label{display:none}.join-inline input{width:105px}.sound-control{margin-left:auto}.notebook-tools .room-message{position:static;width:100%}.page-curl{width:48px;height:48px}.page-curl span{font-size:9px;right:3px;bottom:5px}}