@font-face{font-family:FiraSans-Medium;font-style:normal;font-weight:400;src:url(/static/media/FiraSans-Regular.8c3642c442aa1c5c783a.otf) format("opentype"),url(/static/media/FiraSans-Regular.8c3642c442aa1c5c783a.otf) format("ttf")}:root{--text-color:#000;--ui-color-1:#000;--ui-color-2:#fa6321;--option-color:#fb9905;--option-text-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:none;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-family:FiraSans-Medium;height:100%;margin:0;padding:0;position:relative;width:100%}body.common-bg{background:#2c1608 url(/static/media/bg_box.1545cdc66c4eb14db9e1.jpg) 50%/cover no-repeat fixed}@media (max-width:768px) and (orientation:portrait){body.common-bg{background:#2c1608 url(/static/media/bg_box_m.770b8850b464fbda3788.jpg) 50%/cover no-repeat fixed}}body.common-bg{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0;overflow-x:hidden;padding:0}.login-main-container,body.common-bg{font-family:Baloo\ 2,system-ui,sans-serif}.login-main-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(14px,3vh,28px);height:calc(100vh - 98px);height:calc(100dvh - 98px);justify-content:center;padding:8px 16px clamp(8px,2vh,24px);position:relative;width:100%;z-index:1}body.login-page{position:relative}body.login-page:before{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:radial-gradient(ellipse at center,#1c0d0459 0,#1c0d04c7 100%);content:"";height:100%;left:0;min-height:100vh;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.login-copy{color:#fff4dc;max-width:min(640px,92%);text-align:center;text-shadow:0 2px 12px #1c0d04}.login-eyebrow{color:#ffc93c;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:clamp(1rem,1.5vw,1.4rem);letter-spacing:.04em;margin:0 0 .5em}.login-title{font-size:clamp(2.2rem,5.2vw,4.2rem);font-weight:800;letter-spacing:-.01em;line-height:1.02;margin:0 0 .35em}.login-tagline{color:#ffe9c4;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:clamp(1.1rem,1.9vw,1.65rem);line-height:1.35;margin:0}.begin-play-btn{align-items:center;background:linear-gradient(#fff6 0 45%,#fff0 46%),#ffc93c;border:0;border-radius:16px;box-shadow:0 5px 0 #d9951a,0 9px 14px #0005,inset 0 0 0 2px #fff5;color:#4a2a05;cursor:pointer;display:inline-flex;font-family:Baloo\ 2,system-ui,sans-serif;font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:800;justify-content:center;letter-spacing:.04em;min-width:260px;padding:.62em 1.6em .56em;text-transform:uppercase;transition:transform .08s,box-shadow .08s,filter .15s;white-space:nowrap}.begin-play-btn:disabled{cursor:wait;filter:grayscale(.6) opacity(.7)}.begin-play-btn:hover:not(:disabled){filter:brightness(1.06)}.begin-play-btn:active:not(:disabled){box-shadow:0 1px 0 #d9951a,0 3px 6px #0005,inset 0 0 0 2px #fff5;transform:translateY(4px)}a{text-decoration:none}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{height:100vh;height:100dvh}@media (max-width:768px){.login-main-container{padding:12px 12px clamp(28px,6vh,48px)}.begin-play-btn{min-width:0;width:min(260px,70vw)}}@media (max-width:768px) and (orientation:portrait){body.common-bg{height:100dvh;overflow:hidden!important}body.login-page .upperaction{left:0;position:absolute;top:0}.login-main-container{height:100dvh;justify-content:center;min-height:100dvh;padding:12px}}@media (max-height:520px){.login-tagline{display:none}}:root{--wood-900:#2c1608;--wood-700:#5a3216;--wood-500:#8a5326;--wood-300:#c98f4e;--paper:#fbf1dc;--paper-2:#f3e2bf;--ink:#3b2a1a;--ink-soft:#7a6248;--sun:#ffc93c;--sun-d:#d9951a;--red:#e5484d;--red-d:#a92b33;--teal:#22b8a6;--teal-d:#12806f;--blue:#2f6fde;--pink:#ff7eb6;--line:#b9d3ee;--margin:#f19a9a;--f-display:"Baloo 2",system-ui,sans-serif;--f-hand:"Patrick Hand","Comic Sans MS",cursive;--f-pixel:"Press Start 2P",monospace;--r:18px;--bar:64px;--hdr:0px;--vh:calc(100vh - var(--hdr));--vh:calc(100dvh - var(--hdr))}body.box-page *{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body.box-page{-webkit-font-smoothing:antialiased;background:#2c1608;background:var(--wood-900);color:#3b2a1a;color:var(--ink);font-family:Baloo\ 2,system-ui,sans-serif;font-family:var(--f-display);height:100%;margin:0;overflow:hidden}body.box-page button,body.box-page input,body.box-page textarea{color:inherit;font:inherit}body.box-page button{cursor:pointer}body.box-page [hidden]{display:none!important}body.box-page .hand{font-family:Patrick Hand,Comic Sans MS,cursive;font-family:var(--f-hand)}body.box-page .soft{color:#7a6248;color:var(--ink-soft)}body.box-page .big{font-size:1.35rem;line-height:1.35}body.box-page .screen{display:none;flex-direction:column;inset:0;overflow:hidden;padding-top:0;padding-top:var(--hdr);position:fixed}body.box-page .screen.active{animation:screenIn .45s cubic-bezier(.2,.9,.3,1.1);display:flex}@keyframes screenIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}body.box-page .btn{--c:var(--sun);--d:var(--sun-d);align-items:center;background:linear-gradient(#fff6 0 45%,#fff0 46%),var(--c);border:0;border-radius:16px;box-shadow:0 5px 0 var(--d),0 9px 14px #0005,inset 0 0 0 2px #fff5;color:#4a2a05;display:inline-flex;font-family:Baloo\ 2,system-ui,sans-serif;font-family:var(--f-display);font-size:1.05rem;font-weight:800;gap:.4em;justify-content:center;letter-spacing:.01em;padding:.62em 1.25em .56em;text-decoration:none;transition:transform .08s,box-shadow .08s,filter .15s;white-space:nowrap}body.box-page .btn:hover{filter:brightness(1.06)}body.box-page .btn:active{box-shadow:0 1px 0 var(--d),0 3px 6px #0005,inset 0 0 0 2px #fff5;transform:translateY(4px)}body.box-page .btn:disabled{cursor:not-allowed;filter:grayscale(.8) opacity(.55)}body.box-page .btn.alt{--c:var(--teal);--d:var(--teal-d);color:#fff;text-shadow:0 1px 0 #0004}body.box-page .btn.wa{--c:#35d06a;--d:#1d8f43;color:#fff;text-shadow:0 1px 0 #0004}body.box-page .btn.ghost{--c:var(--paper);--d:#c9b48a;color:#3b2a1a;color:var(--ink)}body.box-page .btn.danger{--c:var(--red);--d:var(--red-d);color:#fff}body.box-page .btn.small{border-radius:12px;font-size:.85rem;padding:.5em .9em .44em}body.box-page :focus-visible{box-shadow:0 0 0 6px #2f6fde;box-shadow:0 0 0 6px var(--blue);outline:3px solid #fff;outline-offset:3px}body.box-page .game{background:#241208 50%/cover}body.box-page .topbar{align-items:center;background:linear-gradient(#6b3c1b,#4a2810);box-shadow:0 3px 0 #2c1608,0 8px 16px #0006;color:#fff4dc;display:flex;flex:none;gap:14px;height:64px;height:var(--bar);padding:0 16px;z-index:5}body.box-page .topbar h2{font-size:1.45rem;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.box-page .back{background:#fbf1dc;background:var(--paper);border:0;border-radius:12px;box-shadow:0 3px 0 #c9b48a;color:#3b2a1a;color:var(--ink);font-weight:800;padding:.42em .9em .36em;white-space:nowrap}body.box-page .back:active{box-shadow:0 1px 0 #c9b48a;transform:translateY(2px)}body.box-page .hud{align-items:center;display:flex;gap:8px;margin-left:auto}body.box-page .chip{background:#2c1608aa;border:1px solid #ffffff22;border-radius:999px;font-size:.95rem;font-weight:600;padding:.28em .85em;white-space:nowrap}body.box-page .chip b{color:#ffc93c;color:var(--sun);font-size:1.1em}body.box-page .chip.turn{background:#2f6fde;background:var(--blue);border-color:#fff5}body.box-page .chip.turn.foe{background:#e5484d;background:var(--red)}body.box-page .playarea{flex:1 1;min-height:0;position:relative;touch-action:none}body.box-page .playarea canvas{display:block;height:100%;inset:0;position:absolute;touch-action:none;width:100%}body.box-page .controls{align-items:center;background:#2c1608;color:#ffe9c4;display:flex;flex:none;flex-wrap:wrap;gap:12px;min-height:58px;padding:10px 16px}body.box-page .controls .hint{font-family:Patrick Hand,Comic Sans MS,cursive;font-family:var(--f-hand);font-size:1.1rem;margin-right:auto;opacity:.85}body.box-page .sliders{align-items:center;display:flex;flex-wrap:wrap;gap:14px}body.box-page .sliders label{align-items:center;display:flex;font-size:.9rem;font-weight:700;gap:8px}body.box-page input[type=range]{accent-color:#ffc93c;accent-color:var(--sun);width:150px}body.box-page .card{animation:fade .25s;background:#1c0d0499;display:grid;inset:0;padding:18px;place-items:center;position:absolute;z-index:4}@keyframes fade{0%{opacity:0}}body.box-page .card>div{animation:pop .45s cubic-bezier(.3,1.7,.5,1);background:#fbf1dc;background:var(--paper);border-radius:22px;box-shadow:0 8px 0 #c9b48a,0 22px 44px #000a;padding:26px 26px 22px;text-align:center;transform:rotate(-1deg);width:min(460px,100%)}@keyframes pop{0%{opacity:0;transform:scale(.6) rotate(-6deg)}}body.box-page .card img{filter:drop-shadow(0 8px 8px #0006);height:110px;margin-top:-70px}body.box-page .card h3{font-size:1.9rem;line-height:1.05;margin:.1em 0 .15em}body.box-page .card p{color:#7a6248;color:var(--ink-soft);font-family:Patrick Hand,Comic Sans MS,cursive;font-family:var(--f-hand);font-size:1.22rem;line-height:1.3;margin:.3em 0 1em}body.box-page .card .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}body.box-page .paper-screen{background:linear-gradient(#1c0d0455,#1c0d0488),var(--cb-bg-desk) center/cover}body.box-page .paper-screen.dark{background:linear-gradient(#1c0d04aa,#1c0d04dd),var(--cb-bg-desk) center/cover}body.box-page .scroller{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:28px 18px 40px}body.box-page .round-score{color:#e5484d;color:var(--red);font-family:Patrick Hand,Comic Sans MS,cursive;font-family:var(--f-hand);font-size:1.4rem;margin-right:auto}body.box-page .d1{stroke:#e5484d;stroke:var(--red);right:290px;top:26px;transform:rotate(14deg);width:64px}body.box-page .d2{bottom:18px;left:44%;width:84px}body.box-page #confetti{height:100%;inset:0;pointer-events:none;position:fixed;width:100%;z-index:60}body.box-page #toasts{align-items:center;bottom:22px;display:flex;flex-direction:column;gap:8px;left:0;padding:0 14px;pointer-events:none;position:fixed;right:0;z-index:70}body.box-page .toast{animation:toastIn .4s cubic-bezier(.3,1.7,.5,1),toastOut .4s 3.6s forwards;background:#fbf1dc;background:var(--paper);border-left:8px solid #22b8a6;border-left:8px solid var(--teal);border-radius:14px;box-shadow:0 4px 0 #c9b48a,0 12px 26px #000a;color:#3b2a1a;color:var(--ink);font-family:Patrick Hand,Comic Sans MS,cursive;font-family:var(--f-hand);font-size:1.22rem;line-height:1.25;max-width:520px;padding:.55em 1.1em;text-align:center}body.box-page .toast.lock{border-left-color:#e5484d;border-left-color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(40px) scale(.8)}}@keyframes toastOut{to{opacity:0;transform:translateY(20px)}}body.box-page #modal{background:#1c0d04cc;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:80}body.box-page #modal .card{animation:none;background:none;padding:0;position:static}body.box-page #modal .card>div{width:min(480px,100%)}body.box-page #modal img.out{border-radius:10px;height:auto;margin:0 0 10px;max-height:52vh;max-width:100%}@media (min-width:1500px) and (min-height:900px){body.box-page .card>div{zoom:1.15}}@media (max-aspect-ratio:4/5),(max-width:820px){:root{--bar:52px}body.box-page .topbar{gap:8px;padding:0 10px}body.box-page .topbar h2{font-size:1.02rem}body.box-page .back{font-size:.85rem;padding:.4em .7em .34em}body.box-page .chip{font-size:.74rem;padding:.26em .6em}body.box-page .hide-m{display:none}body.box-page .controls{gap:8px;min-height:50px;padding:8px 10px}body.box-page .controls .hint{font-size:.92rem}body.box-page input[type=range]{width:104px}body.box-page .sliders{gap:8px;justify-content:space-between;order:3;width:100%}body.box-page .card h3{font-size:1.55rem}body.box-page .card p{font-size:1.08rem}body.box-page .card>div{padding:22px 18px 18px}body.box-page .card img{height:88px;margin-top:-56px}body.box-page .scroller{padding:16px 10px 30px}body.box-page .big{font-size:1.15rem}body.box-page .toast{font-size:1.05rem}}body.box-page.reduce *,body.box-page.reduce :after,body.box-page.reduce :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.box-page .topbar{background:none;box-shadow:none;height:0;height:var(--hdr);left:0;padding:0 14px 0 10px;padding:0 14px 0 calc(var(--hdr-w,0px) + 10px);pointer-events:none;position:absolute;right:0;text-shadow:0 2px 8px #1c0d04;top:0}body.box-page .topbar>*{pointer-events:auto}body.box-page .topbar h2{flex:0 1 auto;font-size:1.3rem;min-width:0}body.box-page .hud{flex:none}@media (max-aspect-ratio:4/5),(max-width:820px){body.box-page .topbar{background:none;height:64px;height:var(--bar);padding:0 10px;pointer-events:auto;position:static}body.box-page .topbar h2{display:none}body.box-page .chip{font-size:.78rem;padding:.22em .6em}body.box-page.box-flow.common-bg{height:auto!important;min-height:100dvh;overflow-x:hidden!important;overflow-y:auto!important}body.box-page.box-flow .screen{inset:auto;min-height:100dvh;overflow:visible;position:relative}body.box-page.box-flow .scroller{flex:1 0 auto;overflow:visible}body.box-page.box-flow .playarea:not(.space-area){flex:none;height:max(380px,calc(100dvh - 184px));height:max(380px,calc(100dvh - var(--hdr) - var(--bar) - 120px))}body.box-page.box-flow .space-area{flex:1 0 auto;padding:12px 0 28px}body.box-page.box-flow .gb{max-height:none}}body.box-page.common-bg{background:#2c1608!important;height:100dvh;overflow:hidden!important}body.box-page .upperaction{background:#0000;left:0;padding:8px 10px;position:absolute;top:0}body.box-page .logo-holder{margin-top:0;max-height:52px;max-width:130px}body.box-page .back-holder{margin-left:8px}body.box-page .back-default{color:#fff;font-size:15px;font-weight:700;margin:0 8px}.box-loading{align-items:center;display:flex;height:100dvh;justify-content:center}.box-finish{background:#ffc93c;border:0;border-radius:12px;bottom:24px;box-shadow:0 3px 0 #d9951a,0 6px 10px #0005;color:#4a2a05;cursor:pointer;font-family:Baloo\ 2,system-ui,sans-serif;font-size:1rem;font-weight:800;left:50%;padding:.35em 1.1em .3em;position:fixed;transform:translateX(-50%);z-index:1000}.box-finish:active{box-shadow:0 1px 0 #d9951a;transform:translateX(-50%) translateY(2px)}.box-finish:disabled{cursor:wait;opacity:.6}.swal2-popup{font-family:Baloo\ 2,system-ui,sans-serif}.swal2-popup.cb-swal{background:#fbf1dc;border-radius:24px;box-shadow:0 8px 0 #c9b48a,0 24px 50px #0000008c;color:#3b2a1a;padding:26px 24px 24px;width:min(430px,92vw)}.cb-swal .cb-swal-icon{background:#fff4cf;border:4px solid #ffc93c;box-shadow:0 4px 0 #d9951a;font-size:2.6rem;height:84px;margin:0 auto 8px;width:84px}.cb-swal .cb-swal-title{color:#3b2a1a;font-size:1.9rem;font-weight:800;margin:6px 0 4px;padding:0}.cb-swal .cb-swal-text{color:#7a6248;font-size:1.08rem;line-height:1.45;margin:6px 4px 4px}.cb-swal .cb-swal-text b{color:#a92b33}.cb-swal .cb-swal-actions{gap:12px;margin-top:20px}.cb-swal .cb-swal-btn{border:0;border-radius:14px;cursor:pointer;font-family:inherit;font-size:1.05rem;font-weight:800;margin:0;min-width:140px;padding:.55em 1.2em .5em;transition:transform .12s}.cb-swal .cb-swal-btn:hover{transform:translateY(-2px)}.cb-swal .cb-swal-btn:active{transform:translateY(2px)}.cb-swal .cb-swal-ok{background:#ffc93c;box-shadow:0 4px 0 #d9951a;color:#4a2a05}.cb-swal .cb-swal-cancel{background:#fff;box-shadow:0 4px 0 #c9b48a;color:#3b2a1a}.cb-swal .cb-swal-btn:focus-visible{outline:3px solid #2f6fde;outline-offset:2px}@media (max-width:480px){.cb-swal .cb-swal-actions{flex-direction:column-reverse;width:100%}.cb-swal .cb-swal-btn{width:100%}}@media (max-aspect-ratio:4/5),(max-width:820px){.box-finish{bottom:190px}}body.box-page #hub{background:#3a1d0b}body.box-page .scene{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}body.box-page .scene-bg{-webkit-user-drag:none;display:block;height:100%;inset:0;position:absolute;-webkit-user-select:none;user-select:none;width:100%}body.box-page .hub-shade{background:linear-gradient(90deg,#1c0d04d9,#1c0d0499 16%,#1c0d0400 34%,#1c0d0400 70%,#1c0d04b3),radial-gradient(ellipse at 50% 55%,#0000 55%,#1c0d0499 100%);inset:0;pointer-events:none;position:absolute}body.box-page .motes{animation:drift 26s linear infinite;background-image:radial-gradient(#fff8 1px,#0000 2px),radial-gradient(#ffe9b0 1px,#0000 2px);background-position:0 0,90px 120px;background-size:190px 230px,270px 310px;inset:0;mix-blend-mode:screen;opacity:.5;pointer-events:none;position:absolute}@keyframes drift{to{background-position:60px -230px,150px -190px}}body.box-page .obj{background:none;border:0;filter:drop-shadow(0 .5vmin .5vmin #2a1205cc);padding:0;position:absolute;transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(var(--rot,0deg));transition:transform .25s cubic-bezier(.3,1.6,.5,1),filter .25s}body.box-page .obj img{animation:bob 4.5s ease-in-out infinite;animation-delay:0s;animation-delay:var(--d,0s);display:block;height:auto;pointer-events:none;width:100%}@keyframes bob{50%{transform:translateY(-3%) rotate(1.2deg)}}body.box-page .obj:focus-visible,body.box-page .obj:hover{filter:drop-shadow(0 1.6vmin 1.2vmin #2a1205aa) drop-shadow(0 0 1.2vmin #ffe08a);transform:translate(-50%,-58%) rotate(0deg) scale(1.16);z-index:30!important}body.box-page .obj:active{transform:translate(-50%,-50%) scale(1.05)}body.box-page .obj.locked img{animation:none;filter:grayscale(.85) brightness(.72) contrast(.9)}body.box-page .obj.nudge{animation:nudge .45s}@keyframes nudge{20%{margin-left:-8px}40%{margin-left:8px}60%{margin-left:-5px}80%{margin-left:5px}}body.box-page .obj .tag{background:var(--paper);border-radius:6px;bottom:-8%;box-shadow:0 2px 0 #c9b48a,0 4px 8px #0006;color:var(--ink);font-family:var(--f-hand);font-size:clamp(13px,1.05vw,20px);left:50%;opacity:0;padding:.1em .7em;pointer-events:none;position:absolute;transform:translateX(-50%) rotate(-2deg);transition:opacity .2s;white-space:nowrap}body.box-page .obj:focus-visible .tag,body.box-page .obj:hover .tag{opacity:1}body.box-page .obj .badge{aspect-ratio:1;border-radius:50%;box-shadow:0 2px 0 #0004,inset 0 0 0 2px #fff8;color:#fff;display:grid;font-size:clamp(11px,1vw,20px);font-weight:800;max-width:44px;place-items:center;position:absolute;right:2%;top:2%;width:30%}body.box-page .obj.kept .badge{background:var(--teal)}body.box-page .obj.locked .badge{background:#6b5a4a}body.box-page .obj.ready:not(.kept) img{animation:bob 4.5s ease-in-out infinite,glow 2.2s ease-in-out infinite}@keyframes glow{50%{filter:drop-shadow(0 0 1.4vmin #fff3b0) brightness(1.08)}}body.box-page .hub-copy{color:#fff4dc;left:3.2vw;position:absolute;text-shadow:0 2px 12px #1c0d04;top:50%;transform:translateY(-50%);width:min(24vw,460px)}body.box-page .eyebrow{color:var(--sun);font-family:var(--f-hand);font-size:clamp(14px,1.15vw,22px);letter-spacing:.04em;margin:0 0 .6em}body.box-page .hub-copy h1{font-size:clamp(30px,3.3vw,64px);font-weight:800;letter-spacing:-.01em;line-height:1.02;margin:0 0 .35em}body.box-page .lede{color:#ffe9c4;font-family:var(--f-hand);font-size:clamp(16px,1.3vw,25px);line-height:1.35;margin:0}body.box-page .tray{background:var(--paper);background-image:repeating-linear-gradient(#0000 0 27px,#b9d3ee88 27px 28px);border-radius:14px;box-shadow:0 10px 30px #0008,inset 0 0 0 1px #fff8;padding:16px 16px 14px;position:absolute;right:2.6vw;top:50%;transform:translateY(-50%) rotate(1.2deg);width:min(17vw,310px)}body.box-page .tray:before{background:#f5e3a1cc;box-shadow:0 1px 3px #0003;content:"";height:26px;left:50%;position:absolute;top:-12px;transform:translateX(-50%) rotate(-3deg);width:90px}body.box-page .tray-head{align-items:baseline;display:flex;font-family:var(--f-hand);font-size:1.25rem;justify-content:space-between;margin-bottom:8px}body.box-page .tray-head b{color:var(--red);font-family:var(--f-display);font-size:1.5rem}body.box-page .tray-slots{grid-gap:6px;display:grid;gap:6px}body.box-page .slot{align-items:center;background:none;border:0;border-radius:10px;display:flex;font-family:var(--f-hand);font-size:1.12rem;gap:10px;line-height:1.1;padding:4px 2px;text-align:left;width:100%}body.box-page .slot:hover{background:#fff8}body.box-page .slot i{background:#fff;border:2px dashed #c9b48a;border-radius:50%;display:grid;flex:none;height:42px;overflow:hidden;place-items:center;width:42px}body.box-page .slot i img{filter:grayscale(1) opacity(.45);height:82%;object-fit:contain;width:82%}body.box-page .slot.kept i{background:#dff7f2;border:2px solid var(--teal)}body.box-page .slot.kept i img{filter:none}body.box-page .slot span{flex:1 1}body.box-page .slot small{color:var(--ink-soft);font-family:var(--f-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}body.box-page .slot.kept small{color:var(--teal-d)}body.box-page .slot.locked{opacity:.6}body.box-page .tray-env{align-items:center;background:#fff8;border:2px dashed #c9b48a;border-radius:12px;display:flex;font-family:var(--f-hand);font-size:1.05rem;gap:10px;margin-top:10px;padding:8px;text-align:left;width:100%}body.box-page .tray-env img{flex:none;width:44px}body.box-page .tray-env.open{animation:pulse 1.8s infinite;background:#ffe9ea;border:2px solid var(--red)}@keyframes pulse{50%{box-shadow:0 0 0 6px #e5484d33}}body.box-page .hub-tools{display:flex;gap:8px;position:absolute;right:16px;top:14px}body.box-page .tool{background:var(--paper);border:0;border-radius:50%;box-shadow:0 3px 0 #c9b48a,0 6px 10px #0006;color:var(--ink);font-size:1.15rem;font-weight:800;height:42px;width:42px}body.box-page .tool[aria-pressed=false]#btnSound{opacity:.55;text-decoration:line-through}@media (max-aspect-ratio:4/5),(max-width:820px){body.box-page .hub-shade{background:linear-gradient(#1c0d04e6,#1c0d0499 17%,#1c0d0400 33%,#1c0d0400 74%,#1c0d04d9 88%)}body.box-page .hub-copy{left:18px;right:70px;top:8px;top:calc(var(--hdr,0px) + 8px);transform:none;width:auto}body.box-page .hub-copy h1{font-size:31px}body.box-page .eyebrow{font-size:13.5px;margin-bottom:.35em}body.box-page .lede{font-size:15.5px;line-height:1.28;margin-right:-52px}body.box-page .tray{background-image:none;bottom:10px;left:10px;padding:9px 10px;right:10px;top:auto;transform:none;width:auto}body.box-page .tray:before{display:none}body.box-page .tray-head{font-size:1.02rem;margin-bottom:5px}body.box-page .tray-head b{font-size:1.15rem}body.box-page .tray-slots{gap:2px;grid-template-columns:repeat(5,1fr)}body.box-page .slot{flex-direction:column;font-size:.74rem;gap:2px;line-height:1.05;padding:0;text-align:center}body.box-page .slot i{height:38px;width:38px}body.box-page .slot small{display:none}body.box-page .tray-env{font-size:.92rem;margin-top:6px;padding:4px 8px}body.box-page .tray-env img{width:32px}body.box-page .hub-tools{flex-direction:column;gap:6px;right:10px;top:10px}body.box-page .tool{font-size:1rem;height:36px;width:36px}body.box-page .obj .tag{display:none}}@media (max-height:520px){body.box-page .hub-copy h1{font-size:26px}body.box-page .lede{display:none}}body.box-page.reduce .motes{display:none}body.box-page #pen{background:linear-gradient(#1c0d0466,#1c0d04aa),var(--cb-bg-desk) center /cover}body.box-page .space-area{background:linear-gradient(#1c0d04cc,#1c0d04ee),var(--cb-bg-box) center/cover;display:grid;place-items:center;touch-action:manipulation}body.box-page .gb{--u:min(92vw,calc((var(--vh) - var(--bar))*0.575));background:linear-gradient(145deg,#d9d6cc,#b9b5a8);border-radius:calc(var(--u)*.04) calc(var(--u)*.04) calc(var(--u)*.16) calc(var(--u)*.04);box-shadow:inset 0 0 0 2px #fff6,inset -6px -8px 14px #0003,0 18px 40px #000a;display:flex;flex-direction:column;height:calc(var(--u)*1.68);max-height:calc(var(--vh) - var(--bar) - 12px);padding:calc(var(--u)*.055);user-select:none;-webkit-user-select:none;width:var(--u)}body.box-page .gb-bezel{background:#5b5d6b;border-radius:calc(var(--u)*.03) calc(var(--u)*.03) calc(var(--u)*.1) calc(var(--u)*.03);box-shadow:inset 0 3px 8px #0006;padding:calc(var(--u)*.05) calc(var(--u)*.09) calc(var(--u)*.03);position:relative}body.box-page .gb-lamp{align-items:center;color:#d9d6cc;display:flex;font:700 calc(var(--u)*.016) var(--f-display);gap:4px;left:calc(var(--u)*.018);letter-spacing:.05em;position:absolute;top:38%;writing-mode:vertical-rl}body.box-page .gb-lamp i{background:#ff3b3b;border-radius:50%;box-shadow:0 0 8px #ff3b3b;height:calc(var(--u)*.022);width:calc(var(--u)*.022)}body.box-page .gb-lcd{aspect-ratio:160/158;background:#9bbc0f;border:3px solid #0f380f;box-shadow:inset 0 0 18px #0f380f66;overflow:hidden;position:relative}body.box-page .gb-lcd canvas{display:block;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;width:100%}body.box-page .gb-hud{align-items:center;border-bottom:2px solid #306230;color:#0f380f;display:flex;font:calc(var(--u)*.024) var(--f-pixel);height:8.86%;justify-content:space-between;padding:calc(var(--u)*.014) calc(var(--u)*.016)}body.box-page .gb-msg{color:#0f380f;display:grid;font:calc(var(--u)*.032) /1.9 var(--f-pixel);inset:9% 0 0;padding:8%;place-items:center;pointer-events:none;position:absolute;text-align:center;white-space:pre-line}body.box-page .gb-msg:not(:empty){background:#9bbc0fcc}body.box-page .gb-msg.blink{animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:.35}}body.box-page .gb-brand{color:#2b2f7a;font:800 italic calc(var(--u)*.036) var(--f-display);padding-top:calc(var(--u)*.016);text-align:left}body.box-page .gb-brand em{color:#a02060;font-weight:600}body.box-page .gb-controls{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:0 calc(var(--u)*.03)}body.box-page .dpad{align-items:center;background:#2f3038;border-radius:calc(var(--u)*.03);box-shadow:0 4px 0 #111,0 8px 12px #0006;display:flex}body.box-page .dpad button{background:none;border:0;color:#8d8f9c;font-size:calc(var(--u)*.06);height:calc(var(--u)*.15);width:calc(var(--u)*.17)}body.box-page .dpad button.on,body.box-page .dpad button:active{background:#44465a;border-radius:inherit;color:#fff}body.box-page .dpad i{background:#22232a;border-radius:50%;height:calc(var(--u)*.06);width:calc(var(--u)*.06)}body.box-page .ab button{background:radial-gradient(circle at 35% 30%,#d6457c,#8d1947);border:0;border-radius:50%;box-shadow:0 5px 0 #5e0f2e,0 10px 14px #0006;color:#ffd6e6;font:800 calc(var(--u)*.075) var(--f-display);height:calc(var(--u)*.24);line-height:.9;transform:rotate(-18deg);width:calc(var(--u)*.24)}body.box-page .ab small{display:block;font-size:.32em;letter-spacing:.1em}body.box-page .ab button.on,body.box-page .ab button:active{box-shadow:0 1px 0 #5e0f2e;transform:rotate(-18deg) translateY(4px)}body.box-page .gb-bottom{align-items:flex-end;display:flex;justify-content:space-between}body.box-page .gb-bottom button{background:#6d6f7c;border:0;border-radius:99px;box-shadow:0 3px 0 #33343c;color:#e9e7df;font:700 calc(var(--u)*.024) var(--f-display);letter-spacing:.1em;margin:0 0 calc(var(--u)*.04) calc(var(--u)*.2);padding:.5em 1.4em;transform:rotate(-18deg)}body.box-page .grille{display:flex;gap:calc(var(--u)*.02);margin-right:calc(var(--u)*.04);transform:rotate(-28deg)}body.box-page .grille i{background:#8c897c;border-radius:9px;box-shadow:inset 1px 1px 2px #0006;height:calc(var(--u)*.13);width:calc(var(--u)*.016)}body.box-page #marble{background:linear-gradient(#1c0d0466,#1c0d04aa),var(--cb-bg-desk) center /cover}body.box-page .notebook{grid-gap:28px;background:var(--paper);background-image:linear-gradient(90deg,#0000 0 62px,var(--margin) 62px 64px,#0000 64px),repeating-linear-gradient(#0000 0 37px,var(--line) 37px 38px);background-position:0 0,0 20px;border-radius:10px 22px 22px 10px;box-shadow:0 2px 0 #e2cfa3,0 4px 0 #d3bd8b,0 6px 0 #c9b48a,0 24px 50px #000a;display:grid;gap:28px;grid-template-columns:minmax(260px,.8fr) 1.2fr;margin:auto;padding:34px 40px 34px 92px;position:relative;transform:rotate(-.5deg);width:min(1080px,100%)}body.box-page .nb-holes{bottom:0;display:flex;flex-direction:column;justify-content:space-around;left:20px;position:absolute;top:0}body.box-page .nb-holes i{background:#5a3216;border-radius:50%;box-shadow:inset 2px 3px 4px #000a;height:22px;width:22px}body.box-page .nb-left{align-items:center;display:flex;flex-direction:column;gap:16px}body.box-page .wheel-wrap{aspect-ratio:1;position:relative;width:min(100%,300px)}body.box-page .wheel{background:conic-gradient(from -36deg,var(--red) 0 72deg,var(--sun) 0 144deg,var(--teal) 0 216deg,var(--blue) 0 288deg,var(--pink) 0);border:8px solid var(--wood-700);border-radius:50%;box-shadow:0 8px 0 #2c1608,0 16px 24px #0006,inset 0 0 0 4px #fff8;inset:0;position:absolute;transition:transform 3.2s cubic-bezier(.12,.75,.12,1)}body.box-page .wheel span{color:#fff;font-size:2.3rem;font-weight:800;inset:0;line-height:1;padding-top:6%;position:absolute;text-align:center;text-shadow:0 2px 0 #0005;transform:rotate(var(--a))}body.box-page .wheel span.used{opacity:.35;text-decoration:line-through}body.box-page .wheel-hub{aspect-ratio:1;background:var(--paper);border:6px solid var(--wood-700);border-radius:50%;box-shadow:0 4px 10px #0006;color:var(--red);display:grid;font-size:2.6rem;font-weight:800;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:34%}body.box-page .wheel-hub.reveal{animation:pop .5s cubic-bezier(.3,1.9,.5,1)}body.box-page .wheel-pin{border:14px solid #0000;border-top:26px solid var(--ink);filter:drop-shadow(0 3px 2px #0006);left:50%;position:absolute;top:-14px;transform:translateX(-50%);z-index:2}body.box-page .letters{display:flex;font-family:var(--f-hand);font-size:1.3rem;gap:8px}body.box-page .letters span{border:2px solid var(--ink);border-radius:50%;display:grid;height:34px;place-items:center;width:34px}body.box-page .letters .used{background:var(--ink);color:var(--paper)}body.box-page .letters .now{animation:pulse 1.4s infinite;background:var(--sun)}body.box-page .nb-headline{align-items:center;display:flex;font-size:1.7rem;font-weight:800;gap:12px;justify-content:space-between;line-height:1.1;min-height:64px}body.box-page .timer{flex:none;height:62px;position:relative;width:62px}body.box-page .timer svg{height:100%;transform:rotate(-90deg);width:100%}body.box-page .timer circle{fill:none;stroke:#e6d3a8;stroke-width:5}body.box-page .timer #npRing{stroke:var(--teal);stroke-linecap:round;stroke-dasharray:119.4;transition:stroke-dashoffset .25s linear,stroke .3s}body.box-page .timer.low #npRing{stroke:var(--red)}body.box-page .timer.low{animation:blink .6s steps(2) infinite}body.box-page .timer b{display:grid;font-size:1.25rem;inset:0;place-items:center;position:absolute}body.box-page .line{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:86px 1fr;height:76px;position:relative}body.box-page .line span{color:var(--blue);font-size:1.05rem;font-weight:800;letter-spacing:.05em;padding-bottom:8px;text-transform:uppercase}body.box-page .line input{background:none;border:0;border-bottom:2px dashed #7a624888;border-radius:0;color:#1e3a8a;font-family:var(--f-hand);font-size:1.85rem;outline:none;padding:0 4px 2px;width:100%}body.box-page .line input:focus{background:#2f6fde12;border-bottom:2px solid var(--blue)}body.box-page .line input:disabled{-webkit-text-fill-color:#1e3a8a;opacity:1}body.box-page .line em{bottom:-18px;color:var(--ink-soft);font:normal 1.05rem var(--f-hand);position:absolute;right:0}body.box-page .line.ok input{-webkit-text-fill-color:var(--teal-d);color:var(--teal-d)}body.box-page .line.ok:after{color:var(--teal-d);content:"✓ +1";font-size:1.2rem;font-weight:800;position:absolute;right:4px;top:26px;transform:rotate(-8deg)}body.box-page .line.no input{-webkit-text-fill-color:var(--red);color:var(--red);text-decoration:line-through}body.box-page .line.no:after{color:var(--red);content:"✗";font-size:1.5rem;font-weight:800;position:absolute;right:4px;top:22px}body.box-page .nb-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:34px}@media (min-width:1500px) and (min-height:1000px){body.box-page .notebook{zoom:1.2}}@media (min-width:821px) and (max-height:780px){body.box-page .notebook{gap:20px;padding:18px 32px 18px 78px}body.box-page .wheel-wrap{width:min(100%,210px)}body.box-page .wheel span{font-size:1.7rem}body.box-page .wheel-hub{font-size:1.9rem}body.box-page .nb-left{gap:10px}body.box-page .letters span{font-size:1.1rem;height:28px;width:28px}body.box-page .nb-headline{font-size:1.4rem;min-height:48px}body.box-page .timer{height:52px;width:52px}body.box-page .line{height:58px}body.box-page .line input{font-size:1.55rem}body.box-page .nb-actions{margin-top:24px}}@media (max-aspect-ratio:4/5),(max-width:820px){body.box-page .notebook{background-image:linear-gradient(90deg,#0000 0 34px,var(--margin) 34px 36px,#0000 36px),repeating-linear-gradient(#0000 0 37px,var(--line) 37px 38px);gap:10px;grid-template-columns:1fr;padding:18px 16px 22px 46px}body.box-page .nb-holes{left:8px}body.box-page .nb-holes i{height:16px;width:16px}body.box-page .wheel-wrap{width:190px}body.box-page .wheel span{font-size:1.6rem}body.box-page .wheel-hub{font-size:1.9rem}body.box-page .nb-left{gap:10px}body.box-page .nb-headline{font-size:1.25rem;min-height:52px}body.box-page .timer{height:50px;width:50px}body.box-page .line{grid-template-columns:70px 1fr;height:64px}body.box-page .line span{font-size:.85rem}body.box-page .line input{font-size:1.5rem}body.box-page .nb-actions{margin-top:26px}body.box-page .nb-actions .btn{flex:1 1}}body.box-page #scrap .scroller{align-items:center;padding:10px 18px 14px}body.box-page .page{background:var(--paper);background-image:linear-gradient(90deg,#0000 0 3.875em,var(--margin) 3.875em 4em,#0000 4em),repeating-linear-gradient(#0000 0 2.3125em,var(--line) 2.3125em 2.375em);background-position:0 0,0 1.25em;border-radius:.625em 1.375em 1.375em .625em;box-shadow:0 2px 0 #e2cfa3,0 4px 0 #d3bd8b,0 6px 0 #c9b48a,0 1.5em 3em #000a;font-size:16px;margin:auto;padding:1.6em 2.4em 1.3em 5.4em;position:relative;transition:transform .28s ease-in,opacity .28s;width:min(68em,100%)}body.box-page .page.turn{opacity:.3;transform:perspective(1600px) rotateY(-88deg);transform-origin:left center}body.box-page .page:before{background:repeating-linear-gradient(#5a3216 0 .625em,#0000 .625em 2.125em);border-radius:.4em;bottom:1.1em;content:"";left:1.6em;opacity:.75;position:absolute;top:1.1em;width:.875em}body.box-page .page h3{font-size:2em;line-height:1.08;margin:0 0 .2em}body.box-page .page-top{align-items:flex-start;display:flex;gap:1.5em;justify-content:space-between;margin-bottom:.4em}body.box-page .polaroid{background:#fff;box-shadow:0 .5em 1.1em #0005;flex:none;margin:0;padding:.6em .6em .35em;position:relative;transform:rotate(4deg);width:9.5em}body.box-page .polaroid img{display:block;filter:sepia(.25) saturate(.9);width:100%}body.box-page .polaroid figcaption{color:var(--ink-soft);font-family:var(--f-hand);font-size:1.05em;padding-top:.25em;text-align:center}body.box-page .tape{background:#f5e3a1cc;box-shadow:0 1px 2px #0003;height:1.4em;position:absolute;width:4.4em}body.box-page .tape.t1{left:-1.4em;top:-.4em;transform:rotate(-38deg)}body.box-page .tape.t2{bottom:1.6em;right:-1.4em;transform:rotate(-38deg)}body.box-page .qs{grid-gap:0 2.1em;display:grid;gap:0 2.1em;grid-template-columns:1fr 1fr}body.box-page .q{display:block;position:relative}body.box-page .q span{display:block;font-size:1.04em;font-weight:700;line-height:2.375em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.box-page .q span b{background:var(--sun);border-radius:50%;display:inline-grid;font-size:.85em;height:1.6em;line-height:1;margin-right:.4em;place-items:center;width:1.6em}body.box-page .q textarea{background:none;border:0;border-radius:.4em;color:#1e3a8a;display:block;font-family:var(--f-hand);font-size:1.5em;height:4.75em;line-height:1.583em;outline:none;overflow:hidden;padding:0 .17em;resize:none;width:100%}body.box-page .q textarea:focus{background:#2f6fde12}body.box-page .q textarea::placeholder{color:#7a624866}body.box-page .q em{bottom:.1em;color:var(--ink-soft);font:normal .75em var(--f-display);position:absolute;right:.15em}body.box-page .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.9em;justify-content:space-between;margin-top:.9em}body.box-page .doodle{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linejoin:round;opacity:.55;pointer-events:none;position:absolute}body.box-page .notes{grid-gap:1.3em 1.9em;display:grid;gap:1.3em 1.9em;grid-template-columns:1fr 1fr;padding:.5em .4em}body.box-page .note{box-shadow:0 .5em 1em #0003;font-family:var(--f-hand);font-size:1.3em;line-height:1.28;padding:.9em 1em 1em;position:relative}body.box-page .note b{font-family:var(--f-display);font-size:.85em}body.box-page .note:before{background:#ffffffaa;box-shadow:0 1px 2px #0002;content:"";height:1.4em;left:50%;position:absolute;top:-.7em;transform:translateX(-50%) rotate(-2deg);width:4.9em}body.box-page .n1{background:#fff3a8;transform:rotate(-2deg)}body.box-page .n2{background:#ffd1e1;transform:rotate(1.5deg)}body.box-page .n3{background:#c9f0e6;transform:rotate(1deg)}body.box-page .n4{background:#d7e6ff;transform:rotate(-1.2deg)}body.box-page .closing{margin:1em auto 0;max-width:42em;text-align:center}body.box-page .closing h3{font-size:1.7em}body.box-page .closing p{font-size:1.3em;line-height:1.3;margin:.15em 0 0}@media (min-width:821px) and (min-aspect-ratio:4/5){body.box-page .page{font-size:clamp(10px,min(calc((var(--vh) - 30px)/47),calc(1.47059vw - .52941px)),26px)}}@media (max-aspect-ratio:4/5),(max-width:820px){body.box-page #scrap .scroller{align-items:flex-start;padding:16px 10px 30px}body.box-page .page{background-image:linear-gradient(90deg,#0000 0 34px,var(--margin) 34px 36px,#0000 36px),repeating-linear-gradient(#0000 0 37px,var(--line) 37px 38px);background-position:0 0,0 20px;padding:20px 16px 22px 46px}body.box-page .page:before{left:12px;width:9px}body.box-page .page h3{font-size:1.45rem}body.box-page .page-top{align-items:center;flex-direction:column-reverse;gap:10px}body.box-page .polaroid{width:190px}body.box-page .qs{gap:10px;grid-template-columns:1fr}body.box-page .q span{font-size:.98rem;line-height:1.25;padding:6px 0;white-space:normal}body.box-page .q textarea{font-size:1.3rem;height:76px;line-height:38px}body.box-page .q em{bottom:-14px;font-size:.8rem}body.box-page .doodle{display:none}body.box-page .page-actions{justify-content:center;margin-top:30px;text-align:center}body.box-page .page-actions .btn{white-space:normal;width:100%}body.box-page .notes{gap:20px;grid-template-columns:1fr}body.box-page .note{font-size:1.22rem}body.box-page .note b{font-size:1.12rem}body.box-page .closing{margin-top:30px}body.box-page .closing h3{font-size:1.45rem}body.box-page .closing p{font-size:1.25rem}}body.box-page .pager{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:14px}body.box-page .pager .pg-dots{display:flex;gap:7px}body.box-page .pager .pg-dots i{background:#c9b48a;border-radius:50%;height:9px;width:9px}body.box-page .pager .pg-dots i.on{background:var(--red);transform:scale(1.25)}body.box-page .pager button[hidden]{display:block!important;visibility:hidden}body.box-page .choose{color:#fff4dc;margin:auto;text-align:center;width:min(760px,100%)}body.box-page .choose h3{font-size:2.2rem;margin:.5em 0 .6em}body.box-page .env-art{animation:bob 4s ease-in-out infinite;filter:drop-shadow(0 12px 14px #000a);width:170px}body.box-page .choices{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}body.box-page .choice{align-items:center;background:var(--paper);border:0;border-radius:22px;box-shadow:0 7px 0 #c9b48a,0 18px 30px #0008;color:var(--ink);display:flex;flex-direction:column;gap:4px;padding:22px 18px;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}body.box-page .choice:hover{transform:translateY(-6px) rotate(-1deg)}body.box-page .choice img{height:96px}body.box-page .choice b{font-size:1.5rem}body.box-page .choice span{color:var(--ink-soft);font-family:var(--f-hand);font-size:1.15rem}body.box-page .editor{grid-gap:26px;align-items:start;display:grid;gap:26px;grid-template-columns:minmax(0,1fr) minmax(320px,470px);margin:auto;width:min(1180px,100%)}body.box-page .preview{align-items:center;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}body.box-page #grCanvas{aspect-ratio:4/5;background:#fff;border-radius:14px;box-shadow:0 18px 44px #000b;cursor:grab;height:auto;max-width:calc(var(--vh)*.8 - var(--bar)*.8 - 120px);touch-action:none;width:100%}body.box-page .sticker-tools{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}body.box-page .sticker-tools button{background:var(--paper);border:0;border-radius:12px;box-shadow:0 3px 0 #c9b48a;font-size:1.1rem;font-weight:800;height:40px;min-width:40px}body.box-page .sticker-tools .wide{font-size:.9rem;padding:0 14px}body.box-page .sticker-tools button:disabled{opacity:.4}body.box-page .panel{background:var(--paper);border-radius:22px;box-shadow:0 7px 0 #c9b48a,0 18px 30px #0008;padding:20px 22px 22px}body.box-page .panel h4{color:var(--ink-soft);font-size:1.05rem;letter-spacing:.06em;margin:14px 0 6px;text-transform:uppercase}body.box-page .panel h4:first-child{margin-top:0}body.box-page .panel h4 small{font-weight:600;letter-spacing:0}body.box-page .themes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}body.box-page .themes button{background:#fff;border:3px solid #0000;border-radius:14px;box-shadow:0 3px 8px #0003;font-size:.9rem;font-weight:700;overflow:hidden;padding:0}body.box-page .themes img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}body.box-page .themes span{display:block;padding:3px 0 4px}body.box-page .themes button[aria-pressed=true]{border-color:var(--red);transform:translateY(-2px)}body.box-page .fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}body.box-page .fields span{color:var(--ink-soft);display:block;font-size:.82rem;font-weight:700;margin-bottom:2px}body.box-page .panel input,body.box-page .panel textarea{background:#fffdf6;border:2px solid #d9c59a;border-radius:12px;font-family:var(--f-hand);font-size:1.2rem;outline:none;padding:.4em .7em;resize:none;width:100%}body.box-page .panel input:focus,body.box-page .panel textarea:focus{border-color:var(--blue)}body.box-page .ta{display:block;position:relative}body.box-page .ta em{bottom:6px;color:var(--ink-soft);font:normal .72rem var(--f-display);position:absolute;right:10px}body.box-page .presets{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px}body.box-page .presets button{background:#fff;border:2px solid #d9c59a;border-radius:99px;flex:none;font-family:var(--f-hand);font-size:1rem;max-width:210px;overflow:hidden;padding:.2em .8em;text-overflow:ellipsis;white-space:nowrap}body.box-page .presets button[aria-pressed=true]{background:var(--sun);border-color:var(--sun-d)}body.box-page .stickers{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}body.box-page .stickers button{aspect-ratio:1;background:#fff;border:0;border-radius:12px;box-shadow:0 2px 0 #d9c59a;padding:5px;transition:transform .15s}body.box-page .stickers button:hover{transform:scale(1.12) rotate(-5deg)}body.box-page .stickers img{height:100%;object-fit:contain;width:100%}body.box-page .share{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:18px}body.box-page.box-scroll.common-bg{height:auto!important;min-height:100dvh;overflow-x:hidden!important;overflow-y:auto!important}body.box-page.box-scroll #greet{inset:auto;min-height:100dvh;overflow:visible;position:relative}body.box-page.box-scroll #greet.screen.active{animation:fade .3s}body.box-page.box-scroll{overflow-x:hidden}body.box-page #greet .scroller{align-items:center;flex:1 0 auto;overflow:visible;padding:10px 18px 14px}@media (min-width:821px) and (min-aspect-ratio:4/5){body.box-page .editor{align-items:center;gap:22px;grid-template-columns:auto minmax(0,1fr);width:min(1320px,100%)}body.box-page .preview{gap:8px;position:static}body.box-page #grCanvas{max-height:calc(var(--vh) - 120px);max-width:100%;width:calc((var(--vh) - 120px)*.8)}body.box-page .sticker-tools button{height:34px;min-width:36px}body.box-page .panel{grid-gap:0 22px;align-items:start;display:grid;gap:0 22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px 20px 16px}body.box-page .panel h4{font-size:.95rem;margin:10px 0 4px}body.box-page .panel-col{min-width:0}body.box-page .panel input,body.box-page .panel textarea{font-size:1.1rem;padding:.3em .6em}body.box-page .presets{padding-bottom:6px}body.box-page .share{gap:8px;margin-top:12px}body.box-page .share .btn{font-size:.95rem;padding-inline:.6em}}@media (max-aspect-ratio:4/5),(max-width:820px){body.box-page .choose h3{font-size:1.6rem}body.box-page .env-art{width:120px}body.box-page .choices{gap:14px;grid-template-columns:1fr}body.box-page .choice{padding:14px}body.box-page .choice img{height:64px}body.box-page .choice b{font-size:1.25rem}body.box-page #greet .scroller{align-items:flex-start;padding:16px 10px 30px}body.box-page .editor{gap:14px;grid-template-columns:minmax(0,1fr)}body.box-page .preview{position:static}body.box-page #grCanvas{max-width:min(100%,46.4vh)}body.box-page .panel{padding:16px 14px}body.box-page .share{grid-template-columns:1fr 1fr}body.box-page .share .btn{font-size:.9rem;padding-inline:.5em}}body.box-page .share #grSave{grid-column:1/-1}body.box-page .share .after-save{grid-gap:10px;display:grid;gap:10px;grid-column:1/-1;grid-template-columns:1fr 1fr}body.box-page .share .after-save[hidden]{display:none}body.box-page .share .after-save .saved-note{grid-column:1/-1;margin:0;text-align:center}body.box-page .editor.saved #grCanvas,body.box-page .editor.saved .panel-col>:not(.share),body.box-page .editor.saved .sticker-tools{opacity:.6;pointer-events:none}.leaderboard-page.common-bg{background-color:#2c1608!important}.lb-page{align-items:center;box-sizing:border-box;color:#3b2a1a;display:flex;font-family:Baloo\ 2,system-ui,sans-serif;justify-content:center;min-height:100dvh;padding:clamp(64px,11vh,96px) 16px clamp(12px,3vh,24px);position:relative;text-align:center;width:100%;z-index:2}.lb-page:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c0d049e;content:"";inset:-120px 0 -240px;pointer-events:none;position:fixed;z-index:-1}.lb-fb,.lb-result,.lb-status{background:#fbf1dc;border-bottom:5px solid #c9b48a;border-radius:18px;box-shadow:0 14px 34px #0007;max-width:560px;padding:22px 26px 26px;transform:rotate(-.6deg);width:100%}.lb-fb h2,.lb-result h2,.lb-result h3{font-size:clamp(1.4rem,3.4vw,2rem);font-weight:800;margin:0 0 .4em}.lb-result p,.lb-status{font-family:Patrick Hand,Comic Sans MS,cursive;font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.4;margin:0}.lb-result strong{color:#e5484d}.lb-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:0 0 18px}.lb-opt{align-items:center;background:#fff8e8;border:2px solid #c9b48a;border-radius:14px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;font-weight:700;gap:2px;padding:10px 6px}.lb-opt span{font-size:1.8rem}.lb-opt.is-on{box-shadow:0 0 0 3px #22b8a655}.lb-btn{background:linear-gradient(#fff6 0 45%,#fff0 46%),#ffc93c;border:0;border-radius:16px;box-shadow:0 5px 0 #d9951a,inset 0 0 0 2px #fff5;color:#4a2a05;cursor:pointer;font:inherit;font-size:1.1rem;font-weight:800;padding:.6em 1.6em .54em}.lb-btn:active:not(:disabled){box-shadow:0 1px 0 #d9951a;transform:translateY(4px)}.lb-btn:disabled{cursor:not-allowed;filter:grayscale(.8) opacity(.55)}body.leaderboard-page .upperaction{background:#0000;left:0;padding:8px 10px;position:absolute;top:0}body.leaderboard-page .logo-holder{margin-top:0;max-height:52px;max-width:130px}body.leaderboard-page .back-holder{margin-left:8px}body.leaderboard-page .back-default{font-size:15px;margin:0 8px}.lb-fb{max-width:520px;padding:clamp(18px,3.4vh,30px) clamp(16px,3vw,30px) clamp(18px,3.4vh,28px)}.lb-fb h2{font-size:clamp(1.6rem,3.6vw,2.2rem);margin-bottom:.1em}.lb-sub{color:#7a6248;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:1.2rem;margin:0 0 clamp(12px,2.4vh,20px)}.lb-options{gap:12px;margin-bottom:clamp(14px,2.6vh,22px)}.lb-opt{border:2px solid #d9c59a;border-radius:16px;box-shadow:0 4px 0 #d9c59a;font-size:1.05rem;gap:4px;padding:clamp(10px,1.8vh,16px) 8px;position:relative;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s,background .15s,border-color .15s}.lb-opt span{font-size:clamp(2rem,4.6vh,2.6rem);line-height:1.1;transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.lb-opt:hover{background:#fffdf3;transform:translateY(-3px)}.lb-opt:hover span{transform:scale(1.18) rotate(-6deg)}.lb-opt:active{box-shadow:0 1px 0 #d9c59a;transform:translateY(2px)}.lb-opt.is-on{background:#dff6f2;border-color:#22b8a6;box-shadow:0 4px 0 #12806f,0 0 0 3px #22b8a644;transform:translateY(-2px)}.lb-opt.is-on span{transform:scale(1.2)}.lb-opt.is-on:after{background:#22b8a6;border-radius:50%;box-shadow:0 2px 0 #12806f;color:#fff;content:"✓";display:grid;font-size:.95rem;height:24px;place-items:center;position:absolute;right:-8px;top:-8px;width:24px}.lb-btn:focus-visible,.lb-opt:focus-visible{outline:3px solid #2f6fde;outline-offset:2px}.lb-btn{min-width:180px}@media (max-width:420px){.lb-options{gap:8px}.lb-opt{font-size:.95rem}}.upperaction{align-items:center;display:flex;padding:8px 10px;position:relative;z-index:999}.logo-holder{background-color:#fff;margin-top:2px;max-height:75px;max-width:150px}.back-holder{border-left:3px solid #000;margin-left:10px}.back-default{background:#e9695e;border:none;border-radius:5px;color:#fff;font-size:18px;font-weight:700;margin-left:10px;margin-right:15px;margin-top:0;padding:3px 10px;text-transform:uppercase}.quiz-loader{animation:spin 1s linear infinite;border:5px solid #e3e3e3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.quiz-loader-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b1d70b13.css.map*/