:root{color:#17221f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#183e6c;--red:#b74736;--paper:#f5edda;--wood:#9a582d;--chalk:#e6e7d2;background:#13221e;font-family:Arial Narrow,Avenir Next Condensed,Impact,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input{font:inherit}button{color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #ffd66b}.classroom{isolation:isolate;background:linear-gradient(#d7ccac 0 51%,#9b8e70 51% 54%,#66513d 54% 100%);height:100%;min-height:100dvh;position:relative;overflow:hidden}.wall,.chalkboard,.clock,.window,.teacher,.back-bench,.desk{pointer-events:none}.wall{background:linear-gradient(90deg,#cfc7aa,#e8dfc4 48%,#c8bea0);position:absolute;inset:0 0 42%;overflow:hidden}.wall:after{content:"";background:#77684d;border-block:3px solid #4e4736;height:14px;position:absolute;inset:auto 0 0}.chalkboard{color:#efefd7bf;text-align:center;background:linear-gradient(105deg,#ffffff09,#0000 35%),#234b42;border:12px solid #73553a;width:min(52vw,700px);height:31vh;min-height:180px;padding:24px 40px;font-family:Bradley Hand,Comic Sans MS,cursive;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 40px #152d28,0 8px 18px #463d2c66}.chalkboard p{letter-spacing:.16em;margin:0;font-size:clamp(.7rem,1.1vw,.95rem)}.chalkboard h2{margin:12px 0 4px;font-size:clamp(1rem,1.7vw,1.55rem);font-weight:400}.chalkboard small{opacity:.55}.chalk-doodle{opacity:.45;font-size:.8rem;position:absolute;bottom:12px;right:24px;transform:rotate(-5deg)}.clock{z-index:3;aspect-ratio:1;background:#eee8d4;border:6px solid #594c39;border-radius:50%;width:58px;position:absolute;top:8%;left:6%;box-shadow:0 4px 8px #493e2e55}.clock:before,.clock:after{content:"";transform-origin:50% 0;background:#302b23;width:3px;height:17px;position:absolute;top:50%;left:50%}.clock:before{transform:rotate(168deg)}.clock:after{height:21px;transform:rotate(238deg)}.clock span{background:#302b23;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-40%,-40%)}.window{background:linear-gradient(#91c8d0,#e3d19e);border:10px solid #766246;width:18vw;max-width:250px;height:27vh;position:absolute;top:7%;right:3%;box-shadow:inset 0 0 20px #46636b88}.window:before,.window:after{content:"";background:#766246;position:absolute}.window:before{width:8px;inset:0 auto 0 50%}.window:after{height:8px;inset:50% 0 auto}.window i{opacity:.6;background:#557c53;border-radius:80% 10%;width:42px;height:64px;position:absolute;bottom:8%}.window i:nth-child(2){left:35%;transform:scale(.7)}.window i:nth-child(3){right:5%;transform:scale(.9)rotate(20deg)}.teacher{z-index:4;transform-origin:50% 100%;width:105px;height:170px;transition:transform .2s;position:absolute;bottom:-32px;left:calc(50% - min(36vw,460px))}.teacher__head{z-index:2;background:#a96b47;border-radius:48% 48% 42% 42%;width:49px;height:54px;position:absolute;top:4px;left:31px;box-shadow:inset 0 11px #25211b}.teacher__head i{background:#111;border-radius:50%;width:5px;height:5px;display:none;position:absolute;top:27px}.teacher__head i:first-child{left:12px}.teacher__head i:last-child{right:12px}.teacher__body{background:#d7c6a0;border-radius:25px 25px 4px 4px;width:75px;height:118px;position:absolute;top:50px;left:18px;box-shadow:inset 0 0 0 8px #315c54}.teacher__arm{transform-origin:0;background:#315c54;border-radius:10px;width:68px;height:15px;position:absolute;top:68px;left:76px;transform:rotate(-38deg)}.classroom--caught .teacher{transform:translate(22px)scale(1.08)}.classroom--caught .teacher__head i{display:block}.classroom--caught .teacher__arm{transform:rotate(30deg)}.classroom--caught .wall{filter:brightness(.72)saturate(.8)}.back-bench{background:#704528;border-top:10px solid #a4683b;height:11%;position:absolute;top:46%;left:8%;right:8%;transform:perspective(500px)rotateX(48deg);box-shadow:0 20px #382a20aa}.back-bench span{background:#423126;width:25px;height:130px;position:absolute;top:100%}.back-bench span:first-child{left:12%}.back-bench span:last-child{right:12%}.desk{z-index:5;transform-origin:50% 0;background:repeating-linear-gradient(4deg,#0000 0 14px,#461f0c0d 15px 16px),linear-gradient(98deg,#8b4d27,#b8733d 55%,#8d4e29);border-top:15px solid #673819;position:absolute;inset:49% -7% -22%;transform:perspective(850px)rotateX(42deg);box-shadow:inset 0 0 90px #48220c88,0 -5px 18px #25140b66}.desk:after{content:"";pointer-events:none;background:radial-gradient(at 70% 20%,#0000 0 30%,#401f0d1f 70%);position:absolute;inset:0}.desk__scratch{color:#582d19aa;z-index:2;font-family:Bradley Hand,Comic Sans MS,cursive;position:absolute}.desk__scratch--one{top:24%;right:9%;transform:rotate(-8deg)}.desk__scratch--two{top:40%;left:8%;transform:rotate(7deg)}.topbar{z-index:30;padding:max(14px, env(safe-area-inset-top)) clamp(14px, 3vw, 36px) 12px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand-lockup,.sound-button{pointer-events:auto}.brand-lockup{color:#f5eedc;text-shadow:0 2px 4px #0008;align-items:center;display:flex}.brand-lockup>span{border:3px solid;border-radius:50%;place-items:center;width:43px;height:43px;margin-right:10px;font-family:Bradley Hand,Comic Sans MS,cursive;font-weight:700;display:grid;transform:rotate(-6deg)}.brand-lockup div{display:grid}.brand-lockup b{letter-spacing:.13em}.brand-lockup small{opacity:.75;font-family:Bradley Hand,Comic Sans MS,cursive}.sound-button{color:#f5eedc;letter-spacing:.1em;cursor:pointer;background:#13251fb0;border:2px solid #f5eedc99;border-radius:5px;padding:8px 11px;font-size:.68rem}.game-stage{z-index:10;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:max(76px, calc(env(safe-area-inset-top,0px) + 56px)) 16px max(28px, calc(env(safe-area-inset-bottom,0px) + 16px));flex-direction:column;justify-content:safe center;align-items:center;gap:12px;display:flex;position:absolute;inset:0;overflow:hidden auto}.game-stage>*{flex:none;max-width:100%}.game-stage--docked,.online-stage{padding-bottom:max(148px, calc(env(safe-area-inset-bottom,0px) + 128px))}.paper-card{text-align:center;background-color:var(--paper);clip-path:polygon(0 2%,4% 0,8% 2%,13% .2%,18% 2%,23% 0,29% 2%,35% .4%,41% 2%,47% 0,54% 2%,61% .2%,68% 2%,75% 0,82% 2%,89% .3%,95% 2%,100% 0,99% 98%,94% 100%,88% 98%,81% 100%,74% 98%,67% 100%,60% 98%,53% 100%,46% 98%,39% 100%,32% 98%,25% 100%,18% 98%,10% 100%,4% 98%,0 100%);background-image:repeating-linear-gradient(#0000 0 27px,#96b0ca45 28px 29px);width:min(520px,92vw);padding:clamp(22px,4vw,44px);position:relative;transform:rotate(-.5deg);box-shadow:0 24px 60px #160b0677}.paper-card:before{content:"";background:#d96e6e66;width:2px;position:absolute;top:0;bottom:0;left:39px}.paper-card h1,.paper-card h2,.choice-panel h2{color:var(--ink);text-transform:uppercase;letter-spacing:.025em;margin:10px 0 8px;line-height:1.02}.paper-card h1{font-size:clamp(2.3rem,8vw,4.4rem)}.paper-card h2,.choice-panel h2{font-size:clamp(1.75rem,5vw,3rem)}.paper-card p{font-family:Bradley Hand,Comic Sans MS,cursive;font-size:1rem}.intro-card{padding:28px 46px 34px}.intro-card h1{font-size:clamp(2.3rem,7vw,3.8rem)}.intro-card label{color:#64727b;text-align:left;margin:16px 0 6px;font-family:Bradley Hand,Comic Sans MS,cursive;display:block}.intro-card input{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:3px solid #6a8aa3;padding:8px 5px;font-family:Bradley Hand,Comic Sans MS,cursive;font-size:1.4rem}.period-stamp,.eyebrow{color:var(--red);letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;font-weight:700}.period-stamp{border:2px solid var(--red);padding:5px 9px;display:inline-block;transform:rotate(-3deg)}.intro-actions{gap:0;display:grid}.intro-actions .primary-button{width:100%}.primary-button{border:3px solid var(--ink);min-width:min(150px,100%);min-height:48px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#f7f0df;margin-top:16px;padding:14px 20px;transition:transform .1s,box-shadow .1s}.primary-button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.primary-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.primary-button:disabled{opacity:.4;cursor:not-allowed}.primary-button--red{color:var(--red);border-color:var(--red);box-shadow:4px 4px 0 var(--red)}.primary-button--red:hover{box-shadow:6px 6px 0 var(--red)}.returning-stats{color:#6b665a;margin-top:22px;font-family:Bradley Hand,Comic Sans MS,cursive;font-size:.85rem}.compact-card{width:min(500px,92vw);max-width:500px}.split-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.split-actions .primary-button{flex:140px;margin-top:12px}.opponent-card{z-index:18;color:#f2ead9;background:#172e29d9;border:2px solid #f2ead955;border-radius:5px;align-items:center;gap:10px;padding:9px 14px 9px 9px;display:flex;position:relative;box-shadow:0 5px 16px #0004}.opponent-card__avatar{color:#342117;background:#ddb082;border-radius:50%;place-items:center;width:36px;height:36px;font-family:Bradley Hand,Comic Sans MS,cursive;font-weight:700;display:grid}.opponent-card div{display:grid}.opponent-card small{opacity:.75;font-family:Bradley Hand,Comic Sans MS,cursive;font-size:.7rem}.choice-panel{text-align:center;color:#f6edda;text-shadow:0 2px 6px #0008;width:min(760px,96vw);padding:20px 16px}.choice-panel h2{color:#f6edda}.choice-panel .eyebrow{color:#ffe17e}.number-tray{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1.5vw,14px);width:100%;margin-top:18px;display:grid}.number-button{color:#f8efe0;cursor:pointer;background:#173a32dd;border:3px solid #eee5d2;border-radius:9px;min-width:0;padding:7px 4px 5px;transition:transform .12s,background .12s;position:relative;box-shadow:0 8px #0b1f1a,0 13px 25px #0005}.number-button:hover{background:#24594c;transform:translateY(-6px)rotate(-1deg)}.number-button:active{transform:translateY(5px);box-shadow:0 3px #0b1f1a}.number-button:nth-child(2n){transform:rotate(1.2deg)}.number-button:nth-child(2n):hover{transform:translateY(-6px)rotate(2deg)}.number-button span{margin-top:-7px;font-size:1.1rem;font-weight:700;display:block}.keyboard-hint{opacity:.7;font-family:Bradley Hand,Comic Sans MS,cursive}.hand-sign{filter:drop-shadow(0 16px 10px #1b0d0755);width:min(29vw,210px);animation:.38s cubic-bezier(.2,1.7,.4,1) hand-pop;overflow:visible}.hand-sign--small{width:100%;max-height:92px}.palm,.finger,.fist{fill:#c78357;stroke:#693b28;stroke-width:3px}.hand-shadow{fill:#633924;opacity:.35}.hand-number{fill:#553122;font:700 24px Arial Narrow,sans-serif}.hand-sign--opponent .palm,.hand-sign--opponent .finger,.hand-sign--opponent .fist{fill:#d29a6f}.reveal-zone{color:#f5eddc;text-align:center;text-shadow:0 3px 6px #0009;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,4vw,42px);width:min(760px,96vw);display:grid}.reveal-zone>div:not(.versus-burst){justify-items:center;display:grid}.reveal-zone small{letter-spacing:.2em;margin-bottom:8px}.versus-burst{aspect-ratio:1;color:#292017;background:#ffdd64;border-radius:50%;place-items:center;width:clamp(75px,12vw,110px);display:grid;transform:rotate(-7deg);box-shadow:0 0 0 8px #b94835,0 0 0 12px #f5edda,0 12px 35px #0007}.versus-burst b{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1}.versus-burst span{letter-spacing:.18em;font-size:.7rem}.versus-burst--small{width:70px}.notebook{z-index:16;left:50%;bottom:max(12px, env(safe-area-inset-bottom,0px));text-align:left;clip-path:polygon(0 1%,100% 0,99% 97%,94% 100%,87% 97%,79% 100%,70% 97%,61% 100%,53% 97%,44% 100%,35% 97%,26% 100%,16% 97%,8% 100%,0 98%);cursor:default;background:repeating-linear-gradient(#f8f1df 0 23px,#8fa9c64d 24px 25px);border:0;width:min(460px,88vw);min-height:110px;padding:23px 28px 17px 45px;position:absolute;transform:translate(-50%)rotate(.7deg);box-shadow:0 12px 24px #2a130b88}.notebook:disabled{color:inherit}.notebook:before{content:"";border-left:2px solid #d36c6c88;position:absolute;top:0;bottom:0;left:33px}.notebook__holes{writing-mode:vertical-lr;letter-spacing:6px;color:#4446;position:absolute;top:7px;left:8px}.notebook__title{color:var(--red);letter-spacing:.13em;margin-bottom:4px;font-size:.68rem;display:block}.score-row{border-bottom:1px dashed #62748a77;grid-template-columns:1fr auto;font-family:Bradley Hand,Comic Sans MS,cursive;display:grid}.score-row strong{color:var(--ink);font-size:1.15rem}.notebook__meta{color:#5d6d70;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.notebook__comment{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-family:Bradley Hand,Comic Sans MS,cursive;font-size:.82rem;display:block;overflow:hidden}.notebook--urgent{cursor:pointer;animation:.38s ease-in-out infinite alternate notebook-pulse}.notebook--urgent .notebook__comment{color:var(--red);font-weight:700}.teacher-alert{z-index:26;color:#fff2df;text-align:center;background:#a33529;border:5px solid #f5dfae;width:min(430px,88vw);padding:22px;position:absolute;top:22%;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 15px 45px #000a}.teacher-alert strong,.teacher-alert span{display:block}.teacher-alert strong{font-size:clamp(1.6rem,6vw,2.7rem)}.teacher-alert span{font-family:Bradley Hand,Comic Sans MS,cursive}.teacher-timer{background:#5e1812;height:7px;margin-top:14px;overflow:hidden}.teacher-timer i{background:#ffda62;height:100%;animation:1.2s linear forwards timer-drain;display:block}.result-card{max-width:590px}.final-score{justify-content:center;align-items:end;gap:18px;margin:24px 0 8px;display:flex}.final-score span{color:#645e53;text-transform:uppercase;display:grid}.final-score b{color:var(--ink);font-size:clamp(3rem,10vw,5rem);line-height:.9}.final-score i{color:var(--red);font-size:2rem}.share-note{color:var(--red);margin-top:17px;font-family:Bradley Hand,Comic Sans MS,cursive;display:block}.stat-strip{border-top:2px solid #708ba366;grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.stat-strip span{color:var(--ink);padding:10px 4px;font-size:1.5rem;display:grid}.stat-strip small{color:#706a5f;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}@keyframes hand-pop{0%{opacity:0;transform:translateY(55px)scale(.72)rotate(9deg)}to{opacity:1}}@keyframes notebook-pulse{to{transform:translate(-50%)rotate(-1.5deg)scale(1.04);box-shadow:0 0 0 8px #fbd26caa,0 15px 28px #2a130b99}}@keyframes timer-drain{0%{width:100%}to{width:0}}@media (width<=650px){.window,.clock{display:none}.chalkboard{width:76vw;padding-inline:20px;left:54%}.teacher{left:3%;transform:scale(.8)}.classroom--caught .teacher{transform:translate(15px)scale(.9)}.game-stage{padding-inline:10px}.opponent-card{justify-content:center;width:min(520px,94vw)}.brand-lockup small{display:none}.brand-lockup>span{width:35px;height:35px}.brand-lockup b{font-size:.78rem}.number-tray{grid-template-columns:repeat(3,minmax(0,1fr));max-width:420px;margin-inline:auto}.number-button{min-height:72px}.number-button .hand-sign{max-height:68px}.paper-card{width:min(520px,94vw);padding:22px 18px 24px}.paper-card:before{left:18px}.paper-card h1{font-size:clamp(1.85rem,9vw,2.7rem)}.paper-card h2,.choice-panel h2{font-size:clamp(1.3rem,6.2vw,2rem)}.reveal-zone{gap:2px}.versus-burst{width:60px}.reveal-zone .hand-sign{width:min(32vw,150px)}.notebook{width:min(460px,94vw);min-height:104px}.desk__scratch{display:none}.split-actions{flex-direction:column}.split-actions .primary-button{flex-basis:auto;width:100%}}.online-lobby label{text-align:left;margin:18px 0 5px;font-weight:700;display:block}.online-lobby .primary-button{width:100%}.online-lobby input,.join-row input{color:#153f3a;text-transform:none;background:#fff8db;border:4px solid #153f3a;border-radius:10px;width:100%;padding:12px 14px;font:700 1.1rem inherit}.join-divider{color:#70452e;letter-spacing:.15em;align-items:center;gap:10px;margin:24px 0 5px;font-size:.7rem;display:flex}.join-divider:before,.join-divider:after{content:"";background:#153f3a55;flex:1;height:2px}.join-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.join-row input{letter-spacing:.2em;text-align:center;text-transform:uppercase;font-size:1.4rem}.join-row .primary-button{min-width:100px;margin:0}.online-error,.connection-error{color:#fff5dd;background:#a92f24;border-radius:8px;max-width:min(520px,92vw);padding:10px;font-weight:700}.connection-error{z-index:40;top:max(64px, calc(env(safe-area-inset-top,0px) + 48px));width:min(520px,92vw);position:absolute;left:50%;transform:translate(-50%)}.waiting-dots{letter-spacing:.12em;margin-top:16px;font-size:.75rem}.waiting-dots span{font-size:1.4rem;animation:1s infinite alternate hand-pop;display:block}.online-reveal{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.online-reveal .hand-sign{width:min(26vw,150px)}.online-reveal b{aspect-ratio:1;color:#fff8d8;background:#e65435;border-radius:50%;place-items:center;width:65px;font-size:1.7rem;display:grid}.online-score{z-index:17;left:50%;bottom:max(10px, env(safe-area-inset-bottom,0px));color:#153f3a;text-align:center;background:#f5ce52;border:5px solid #153f3a;border-radius:12px;grid-template-columns:1fr auto 1fr;width:min(620px,92vw);padding:12px 18px;display:grid;position:absolute;transform:translate(-50%);box-shadow:7px 8px #e65435}.online-score b:first-child{text-align:left}.online-score b:nth-child(3){text-align:right}.online-score span{letter-spacing:.12em;font-size:.65rem}.online-score small{border-top:1px dashed #153f3a88;grid-column:1/-1;margin-top:4px}.versus-burst{cursor:pointer;border:0}@media (width<=650px){.online-lobby{width:min(520px,94vw)}.online-lobby h1{font-size:2rem}.online-score{padding:9px 12px;font-size:.78rem}.join-row{grid-template-columns:1fr}.join-row .primary-button{width:100%}.online-reveal b{width:48px}}@media (height<=740px){.game-stage{padding-top:max(64px, calc(env(safe-area-inset-top,0px) + 48px))}.notebook,.canteen .notebook{transform-origin:bottom;transform:translate(-50%)scale(.9)rotate(.5deg)}.chalkboard{height:22vh;min-height:120px}.paper-card,.canteen .paper-card{padding:18px 16px 20px}.rival-hint{min-height:0!important;margin:2px 0 4px!important}.choice-panel,.canteen .choice-panel,.canteen .reveal-zone{padding:14px 10px}}@media (height<=620px){.number-tray{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:none;margin-top:10px}.number-button{min-height:52px;padding:4px 2px}.number-button .hand-sign{max-height:44px}.number-button span{font-size:.9rem}.keyboard-hint,.opponent-card small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.canteen{isolation:isolate;color:#20221f;--ink:#153f3a;--red:#ed5a35;--paper:#f7d56e;background:#dfb96f;height:100%;min-height:100dvh;position:relative;overflow:hidden}.courtyard,.canteen-table,.tree,.recess-crowd,.school-block{pointer-events:none}.courtyard{background:linear-gradient(#6fc7dc 0 42%,#d4d090 42% 100%);transition:filter .18s;position:absolute;inset:0 0 39%;overflow:hidden}.sky{background:linear-gradient(#63bfda,#b9e5e7);position:absolute;inset:0 0 50%}.sky i{background:#fff9;border-radius:50%;width:130px;height:32px;position:absolute;top:18%;left:15%;box-shadow:35px -10px 0 5px #fff8,75px 2px #fff8}.sky i:last-child{top:30%;left:auto;right:8%;transform:scale(.65)}.canteen-stall{background:#f2e0ac;border:8px solid #c25238;width:min(58vw,750px);height:85%;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #633a2477}.awning{z-index:3;height:54px;display:flex;position:absolute;inset:0 0 auto;overflow:hidden;box-shadow:0 9px #a83c2c,0 16px 15px #4e291d55}.awning i{background:#f7e7b0;border-radius:0 0 12px 12px;flex:1;transform:skew(-6deg)}.awning i:nth-child(2n){background:#df4e34}.stall-sign{color:#f9e6a3;text-align:center;background:#174d45;border:4px solid #f4c853;padding:7px 15px;position:absolute;top:76px;left:7%;right:7%;box-shadow:4px 4px #b83f2d}.stall-sign b{letter-spacing:.12em;font-size:clamp(1.1rem,2.3vw,2.1rem);display:block}.stall-sign small{letter-spacing:.13em;text-transform:uppercase}.counter-window{background:#4d3428;border:9px solid #c55a39;height:44%;position:absolute;bottom:0;left:11%;right:11%;box-shadow:inset 0 0 28px #160e0aaa}.canteen-uncle{background:#efeee1;border-radius:28px 28px 0 0;width:76px;height:100px;position:absolute;bottom:0;left:15%}.canteen-uncle i{background:#a96542;border-radius:46%;width:51px;height:56px;position:absolute;top:-35px;left:13px;box-shadow:inset 0 12px #29211b}.canteen-uncle span{background:#d04832;width:50px;height:7px;position:absolute;top:32px;left:13px}.snack-jars{gap:10px;display:flex;position:absolute;bottom:6px;right:7%}.snack-jars i{background:radial-gradient(circle at 30% 30%,#efb64a 0 8%,#0000 9%),radial-gradient(circle at 65% 65%,#d78032 0 9%,#0000 10%),#e9d2a2;border:4px solid #abd0d0;border-radius:6px 6px 15px 15px;width:42px;height:58px}.school-block{background:#e5c792;border:5px solid #a9553a;width:25%;height:58%;position:absolute;bottom:0;right:-2%}.school-block span{background:#497a7c;border:5px solid #f0dcaa;width:23%;height:42%;margin:13% 4%;display:inline-block}.tree{width:190px;height:300px;position:absolute;bottom:-20px;left:-25px}.tree:after{content:"";background:#75472c;width:42px;height:190px;position:absolute;bottom:0;left:78px;transform:rotate(4deg)}.tree i{z-index:2;background:#398b55;border-radius:50%;width:125px;height:110px;position:absolute;box-shadow:inset -15px -12px #287343}.tree i:nth-child(2){top:20px;left:65px}.tree i:nth-child(3){background:#4b9c5d;top:-20px;left:27px}.recess-crowd{z-index:5;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:-12px;left:6%;right:4%}.recess-crowd i{background:#f1e7ce;border-radius:18px 18px 5px 5px;width:36px;height:72px;transition:transform .25s;display:block;box-shadow:inset 0 -33px #315c69}.recess-crowd i:before{content:"";background:#9f6345;border-radius:50%;width:27px;height:27px;margin:-21px auto 0;display:block;box-shadow:inset 0 7px #34231c}.recess-crowd i:nth-child(2n){transform:scale(.8);box-shadow:inset 0 -33px #8f3646}.canteen--rush .recess-crowd i{animation:.35s linear infinite alternate crowd-rush}.canteen--rush .courtyard{filter:saturate(.7)brightness(.75)}.canteen-table{z-index:5;transform-origin:50% 0;background:radial-gradient(circle at 55% 22%,#87512c55 0 4%,#0000 5%),repeating-linear-gradient(90deg,#0000 0 130px,#85633933 131px 134px),linear-gradient(#4f8b77,#2b6358);border-top:17px solid #163f39;position:absolute;inset:53% -8% -18%;transform:perspective(850px)rotateX(43deg);box-shadow:inset 0 0 80px #0e2f2a99,0 -8px 20px #32221477}.canteen-table:after{content:"";pointer-events:none;background:linear-gradient(110deg,#fff1 0 2%,#0000 3% 70%,#0002);position:absolute;inset:0}.table-stain{border:7px solid #34291d44;border-radius:50%;width:110px;height:50px;position:absolute;top:15%;left:20%;transform:rotate(16deg)}.token{aspect-ratio:1;color:#7b461e;background:#f1b83f;border:4px dashed #ae6b25;border-radius:50%;place-items:center;width:43px;font-weight:800;display:grid;position:absolute;box-shadow:3px 6px 8px #14211d88}.token--one{top:16%;right:18%;transform:rotate(13deg)}.token--two{top:42%;left:10%;transform:rotate(-18deg)}.table-graffiti{color:#e6d39e77;font-family:Bradley Hand,cursive;position:absolute;top:43%;right:7%;transform:rotate(-8deg)}.canteen .paper-card{clip-path:none;background-color:#f5d35f;background-image:linear-gradient(135deg,#f7df78,#f2c74d);border:7px solid #153f3a;border-radius:22px 7px 19px 8px;transform:rotate(-1deg);box-shadow:10px 12px #e75635,0 28px 50px #172b2677}.canteen .paper-card:before{display:none}.canteen .paper-card h1,.canteen .paper-card h2{color:#143f3b}.canteen .period-stamp{color:#fff4d3;background:#e75535;border:0;border-radius:20px;transform:rotate(-2deg)}.canteen .primary-button{color:#fff7dd;background:#153f3a;border:0;border-radius:999px;box-shadow:0 6px #0a2724}.canteen .primary-button--red{background:#e65435;box-shadow:0 6px #9f2b20}.canteen .primary-button:hover{box-shadow:0 8px #0a2724}.canteen .primary-button--red:hover{box-shadow:0 8px #9f2b20}.canteen .choice-panel,.canteen .reveal-zone{background-color:#164b43;background-image:linear-gradient(145deg,#1d5b50,#123e38);border:6px solid #f4ca4d;border-radius:22px;padding:clamp(14px,3vw,24px);overflow:visible;box-shadow:9px 10px #e65435,0 24px 42px #102a2677}.canteen .choice-panel h2{color:#fff4d6;text-shadow:0 3px #143f3b}.canteen .number-button{color:#fff5d8;background:#e65736;border-color:#f4cf54;box-shadow:0 8px #9c2c20,0 13px 25px #0005}.canteen .number-button:hover{background:#f06a42}.canteen .versus-burst{background:#f5ca48;box-shadow:0 0 0 8px #174a43,0 0 0 12px #f2f0d2,0 12px 35px #0007}.canteen .notebook{clip-path:none;color:#153d38;background:linear-gradient(135deg,#f5cd54,#e8ae33);border:7px double #17463f;border-radius:12px;min-height:118px;padding:19px 28px;transform:translate(-50%)rotate(.5deg);box-shadow:8px 9px #d95335,0 18px 25px #172d2877}.canteen .notebook:before,.canteen .notebook__holes{display:none}.canteen .score-row{border-color:#17463f88;font-family:inherit}.canteen .notebook__comment{font-family:inherit;font-style:italic}.canteen .notebook--urgent{animation-name:token-pulse}.rival-ladder{grid-template-columns:repeat(5,1fr);gap:7px;margin:11px 0 9px;display:grid}.rival-chip{color:#173d38;cursor:pointer;background:#fff4cd88;border:3px solid #0000;border-radius:12px;min-width:0;padding:8px 3px 6px;position:relative}.rival-chip span{color:#fff;background:var(--rival);border-radius:50%;place-items:center;width:34px;height:34px;margin:auto;display:grid}.rival-chip b{margin-top:4px;font-size:.68rem;display:block}.rival-chip i{color:#187255;position:absolute;top:3px;right:3px}.rival-chip--active{border-color:var(--rival);background:#fff8df;transform:translateY(-4px)}.rival-chip:disabled{filter:grayscale();opacity:.42;cursor:not-allowed}.rival-hint{min-height:42px;margin:5px 0 8px!important;font-size:.8rem!important}@keyframes crowd-rush{0%{transform:translate(-8px)rotate(-4deg)}to{transform:translate(12px)rotate(5deg)}}@keyframes token-pulse{to{transform:translate(-50%)rotate(-1deg)scale(1.05);box-shadow:0 0 0 9px #f7d75caa,8px 10px #d95335}}@media (width<=650px){.canteen-stall{width:82vw;left:56%}.stall-sign small,.school-block{display:none}.tree{transform-origin:0 100%;transform:scale(.7)}.recess-crowd i:nth-child(n+5){display:none}.canteen .paper-card{padding:20px 16px 22px}.canteen .choice-panel,.canteen .reveal-zone{border-width:4px;width:min(94vw,760px);padding:14px 10px;box-shadow:6px 7px #e65435,0 18px 32px #102a2677}.rival-ladder{gap:4px}.rival-chip{padding-inline:1px}.rival-chip span{width:28px;height:28px}.rival-chip b{font-size:.57rem}.canteen .opponent-card{background:#143f3ee8}.canteen .notebook{padding:14px 16px}}@media (height<=500px){.notebook,.canteen .notebook{transform-origin:bottom;bottom:4px;transform:translate(-50%)scale(.72)rotate(.5deg)}.online-score{width:min(620px,94vw);margin-top:8px;position:static;bottom:auto;left:auto;transform:none}.online-stage{padding-bottom:max(16px, env(safe-area-inset-bottom,0px))}}