@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Nunito:wght@500;600;700;800;900;1000&display=swap";:root{font-family:Nunito,sans-serif;color:#293340;background:#fff9e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #293340;--muted: #7a7a78;--teal: #3bbba7;--coral: #f1755d;--yellow: #f6c64e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}button:focus-visible{outline:3px solid #278e83;outline-offset:4px}.app-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:#fff9e9 url(/assets/crayon-trivia-bg.webp) center center / cover fixed}.app-shell.is-playing:before{z-index:1;background:#fff9e96b}.tracking-video{position:fixed;left:0;bottom:0;width:2px;height:2px;opacity:0;pointer-events:none}.tracking-video.game-camera-bg{position:fixed;top:82px;right:0;bottom:0;left:0;width:100%;height:calc(100% - 82px);object-fit:cover;opacity:.9;z-index:0;transform:scaleX(-1)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#fffaedc2;z-index:-1;pointer-events:none}.paper-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.17;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");mix-blend-mode:multiply}.topbar{height:82px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed rgba(72,77,77,.2);position:relative;z-index:3}.brand{display:flex;align-items:center;width:194px;height:58px;color:inherit;text-decoration:none}.brand-logo{display:block;width:100%;max-height:100%;object-fit:contain}.results-logo{display:block;width:min(220px,72%);max-height:84px;object-fit:contain;margin:-3px auto 12px}.top-note{display:flex;gap:8px;align-items:center;letter-spacing:.11em;font:10px DM Mono,monospace;color:#737b7d}.top-note svg{color:#e29e17}.camera-status{font:9px DM Mono,monospace;letter-spacing:.09em;color:#797d7c;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#cac7bb}.status-dot.is-ready{background:#3bbba7;box-shadow:0 0 0 3px #3bbba726}.intro-screen{width:min(1210px,91vw);min-height:calc(100vh - 134px);margin:0 auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;padding:35px 0 50px}.intro-copy{max-width:510px;padding-left:12px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:#777a78;font:10px DM Mono,monospace;letter-spacing:.11em}.eyebrow-star{display:inline-grid;place-items:center;font-size:21px;color:var(--coral)}.intro-copy h1{font-size:clamp(65px,7.5vw,105px);line-height:.85;letter-spacing:-.075em;margin:25px 0 21px;font-weight:1000;color:#283543}.intro-copy h1 span{display:inline-block;color:#ee755d;transform:rotate(-2deg);text-shadow:2px 3px 0 #f7c550}.intro-lede{font-size:16px;color:#667077;max-width:350px;line-height:1.6;margin:0 0 25px;font-weight:700}.howto-row{display:flex;align-items:center;gap:13px;margin:13px 0}.howto-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--ink);border:1.5px solid var(--ink);border-radius:13px 10px 12px;transform:rotate(-3deg);box-shadow:2px 2px 0 var(--ink)}.teal-icon{background:#8bd8c9}.yellow-icon{background:#f8d574}.coral-icon{background:#ff9d85}.howto-row strong,.howto-row small{display:block}.howto-row strong{font-size:13px;font-weight:900}.howto-row small{margin-top:2px;font-size:11px;color:#858682;font-weight:700}.primary-button{border:2px solid var(--ink);background:#f5c64d;color:#293340;min-height:54px;padding:0 24px;border-radius:14px 17px 13px 16px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:1000;font-size:14px;box-shadow:4px 5px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;margin-top:18px}.primary-button:hover:not(:disabled){transform:translate(2px,2px) rotate(-.5deg);box-shadow:2px 3px 0 var(--ink);background:#ffda68}.primary-button:active:not(:disabled){transform:translate(4px,5px);box-shadow:0 0 0 var(--ink)}.primary-button:disabled{cursor:wait;opacity:.8}.primary-button>span:not(.spinner){font-size:22px;line-height:10px}.spinner{border:2px solid rgba(41,51,64,.24);border-top-color:var(--ink);width:17px;height:17px;border-radius:50%;animation:spin .8s linear infinite}.privacy-note{margin-top:19px;color:#868883;font-size:10px;font-weight:700;display:flex;align-items:center;gap:7px}.privacy-lock{font-size:16px;color:#36a58f}.error-box{display:flex;gap:10px;align-items:flex-start;max-width:420px;border:1px solid #e18b77;border-radius:10px;background:#fff0e9;padding:10px 12px;color:#994c3b;font-size:11px;line-height:1.5;font-weight:800;margin-top:16px}.error-box>span{flex:0 0 17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#f27c62;color:#fff;font-weight:1000}.intro-art{position:relative;min-height:500px;display:grid;place-items:center;background:#fffbf1b3;border-radius:44% 56% 54% 46%/48% 43% 57% 52%}.camera-frame{width:min(100%,570px);padding:13px 14px 12px;position:relative;z-index:1;background:#fffdf5;border:2px solid var(--ink);border-radius:21px 24px 20px 25px;box-shadow:8px 9px #2b343eeb;transform:rotate(1.3deg)}.camera-frame-top,.camera-frame-bottom{display:flex;justify-content:space-between;align-items:center;min-height:28px;font:9px DM Mono,monospace;letter-spacing:.09em;color:#7d807c}.frame-live{display:inline-flex;align-items:center;gap:6px}.frame-live i{width:7px;height:7px;background:#ff7059;border-radius:50%;display:inline-block}.camera-preview-wrap{position:relative;height:310px;overflow:hidden;border-radius:11px;background:#e7ded0;border:1px solid rgba(41,51,64,.32)}.camera-video{display:none;height:100%;width:100%;object-fit:cover;transform:scaleX(-1)}.camera-video.visible{display:block}.camera-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#fff9df 0,#eee6d7 74%);color:#6c7270;text-align:center}.placeholder-camera{width:78px;height:69px;border:2px solid #41494b;border-radius:20px 17px 21px 16px;background:#90d8c8;color:#293340;display:grid;place-items:center;transform:rotate(-5deg);box-shadow:4px 4px 0 var(--ink);margin-bottom:16px}.camera-placeholder strong{color:#3d484d;font-size:15px;font-weight:1000}.camera-placeholder>span{margin-top:5px;font-size:10px;max-width:210px;line-height:1.5;font-weight:700}.preview-split{position:absolute;top:0;bottom:0;left:50%;border-left:2px dashed rgba(255,255,255,.82)}.player-label{position:absolute;top:12px;padding:4px 8px;border-radius:8px;background:#fff9e5;color:#273943;font:9px DM Mono,monospace;border:1px solid #293340}.left-label{left:11px}.right-label{right:11px}.preview-hand{position:absolute;width:39px;height:46px;transform:translate(-50%,-12%);filter:drop-shadow(1px 2px 1px rgba(22,35,49,.6))}.preview-hand img{width:100%;height:100%;object-fit:contain}.hand-1 img{filter:hue-rotate(325deg)}.camera-frame-bottom{justify-content:center;gap:26px;padding-top:6px}.frame-legend{display:inline-flex;align-items:center;gap:6px}.frame-legend b{width:7px;height:7px;border-radius:50%}.legend-teal{background:var(--teal)}.legend-coral{background:var(--coral)}.landing-mascot{position:absolute;z-index:3;bottom:-15px;width:clamp(92px,11vw,148px);height:clamp(138px,18vw,220px);object-fit:contain;pointer-events:none;filter:drop-shadow(2px 4px 0 rgba(34,45,53,.18))}.landing-mascot-1{left:-3%;transform:rotate(-5deg)}.landing-mascot-2{right:-3%;transform:rotate(5deg) scaleX(-1)}.category-screen{width:min(850px,92vw);min-height:calc(100vh - 134px);margin:0 auto;padding:34px 0 56px;display:grid;place-items:center;position:relative;z-index:2}.category-panel{width:100%;padding:30px clamp(20px,4vw,48px) 26px;position:relative;text-align:center;background:#fffdf7ed;border:2px solid var(--ink);border-radius:26px 22px 28px 23px;box-shadow:7px 8px 0 var(--ink)}.category-mascot{position:absolute;width:93px;height:93px;object-fit:contain;top:-37px;right:22px}.category-panel h1{margin:8px 0 3px;font-size:clamp(32px,5vw,48px);line-height:1.05;letter-spacing:-.055em;color:#293340;font-weight:1000}.category-lede{margin:0 0 22px;color:#777d7d;font-size:13px;font-weight:700}.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.subject-option{display:flex;align-items:center;gap:12px;min-height:76px;padding:11px 13px;border:1.5px solid rgba(41,51,64,.56);border-radius:15px 13px 16px 12px;background:#ffffffc2;color:var(--ink);cursor:pointer;text-align:left;transition:transform .14s,box-shadow .14s,border-color .14s}.subject-option:hover{transform:translateY(-2px);box-shadow:2px 3px var(--ink)}.subject-option.selected{border:2px solid var(--ink);box-shadow:3px 4px var(--ink);transform:translateY(-1px) rotate(-.3deg)}.subject-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:13px 11px 14px 10px;background-image:url(/assets/subject-icons.webp);background-size:500% 100%;background-repeat:no-repeat}.subject-icon-general{background-position:0% center;background-color:#f6d471}.subject-icon-math{background-position:25% center;background-color:#9bded0}.subject-icon-social{background-position:50% center;background-color:#a8c7f2}.subject-icon-biology{background-position:75% center;background-color:#b7dc91}.subject-icon-language{background-position:100% center;background-color:#ffc0ac}.subject-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.subject-copy b{font-size:14px;font-weight:1000}.subject-copy small{color:#7c8280;font-size:10px;line-height:1.3;font-weight:700}.subject-check{margin-left:auto;width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;background:#ffffffb3;color:#247762;font-size:12px;font-weight:1000}.subject-option.selected .subject-check{background:#83d5bd}.category-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.category-actions .primary-button{margin:0}.secondary-button{min-height:48px;padding:0 18px;border:1.5px solid rgba(41,51,64,.6);border-radius:12px;background:transparent;color:#626d70;font-weight:900;cursor:pointer}.secondary-button:hover{background:#f4eee0;color:var(--ink)}.category-camera-status{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:17px;color:#73807c;font:8px DM Mono,monospace;letter-spacing:.1em}.sun-doodle{position:absolute;top:20px;right:8%;font-size:67px;color:#f2bc3f;transform:rotate(10deg)}.art-sticker{position:absolute;z-index:2;display:grid;place-items:center;width:61px;height:55px;border:2px solid var(--ink);border-radius:16px 18px 14px 17px;font-weight:1000;color:var(--ink);box-shadow:3px 3px var(--ink)}.sticker-left{top:13%;left:-1%;background:#ff9d86;transform:rotate(-12deg);font-size:17px}.sticker-right{bottom:13%;right:-1%;background:#91d8ca;transform:rotate(12deg);font-size:25px}.floating-note{position:absolute;z-index:2;background:#fffdf5;border:1.5px solid var(--ink);padding:9px 12px;border-radius:12px;box-shadow:3px 3px var(--ink);color:#465158;font-size:10px;font-weight:900}.floating-note span{margin-right:5px}.note-left{left:-4%;bottom:19%;transform:rotate(-5deg)}.note-right{right:-1%;top:21%;transform:rotate(4deg)}.art-doodle{position:absolute;color:#46b9a5;font-size:46px}.doodle-a{left:8%;top:35%}.doodle-b{bottom:8%;left:30%;font-size:52px;transform:rotate(-13deg)}.game-screen{width:min(1320px,94vw);min-height:calc(100vh - 118px);margin:0 auto;display:flex;flex-direction:column;padding:15px 0 13px;position:relative;z-index:2}.game-topline{display:grid;grid-template-columns:125px 1fr 125px;align-items:center;gap:18px;min-height:36px}.round-count{font:10px DM Mono,monospace;letter-spacing:.06em;color:#82827a}.round-count b{color:var(--ink);font-size:14px;margin:0 4px}.round-count i{font-style:normal}.round-progress{display:flex;gap:5px;justify-content:center}.round-progress span{height:5px;border-radius:9px;flex:1;max-width:58px;background:#4d535224}.round-progress .done{background:#4bbca8}.round-progress .current{background:#f5c64d;box-shadow:0 0 0 2px #fff9e9,0 0 0 3px var(--ink)}.exit-button{justify-self:end;background:#fff9eb;border:1px solid rgba(41,51,64,.47);border-radius:9px;color:#777a76;font:9px DM Mono,monospace;letter-spacing:.06em;padding:7px 10px;display:flex;align-items:center;gap:5px;cursor:pointer}.exit-button:hover{color:var(--coral);border-color:var(--coral)}.question-card{position:relative;width:min(710px,82vw);margin:17px auto 20px;padding:13px 24px 15px;text-align:center;background:#fffdf7de;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid var(--ink);border-radius:19px 21px 18px 22px;box-shadow:4px 5px 0 var(--ink)}.question-meta{display:flex;justify-content:center;gap:8px;align-items:center;font:9px DM Mono,monospace;letter-spacing:.11em;color:#89887f}.question-illustration{width:25px;height:25px;object-fit:contain}.question-card h2{margin:6px 0 0;font-size:clamp(19px,2.7vw,30px);letter-spacing:-.035em;line-height:1.2;font-weight:1000;color:#283543}.timer-chip{position:absolute;right:-45px;top:50%;transform:translateY(-50%) rotate(5deg);min-width:75px;border:1.5px solid var(--ink);border-radius:11px;background:#f5d46d;box-shadow:2px 2px var(--ink);padding:7px 8px;font:10px DM Mono,monospace;color:var(--ink)}.timer-chip span{margin-right:3px}.timer-chip.urgent{background:#ff927c;animation:pulse .55s infinite alternate}.duel-board{flex:1;min-height:355px;display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);border-radius:19px;overflow:hidden;box-shadow:5px 6px 0 var(--ink);background:#fffdf657;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.player-zone{position:relative;padding:15px clamp(13px,2.2vw,30px) 29px;min-width:0;overflow:hidden;background:#fffcf140}.player-zone+.player-zone{border-left:2px dashed rgba(41,51,64,.55)}.player-zone:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;top:24%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(126,215,199,.17),transparent 67%);pointer-events:none}.player-2:before{background:radial-gradient(circle,rgba(255,147,126,.16),transparent 67%)}.player-header{height:43px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.player-name{display:flex;align-items:center;gap:9px}.player-avatar{display:grid;place-items:center;width:35px;height:35px;border:1.5px solid var(--ink);border-radius:12px 10px 13px;background:#8bd8c9;box-shadow:2px 2px var(--ink);font-size:20px;transform:rotate(-4deg)}.player-2 .player-avatar{background:#ffad97;transform:rotate(4deg)}.player-name b,.player-name small{display:block}.player-name b{font-size:11px;letter-spacing:.04em;font-weight:1000}.player-name small{margin-top:2px;font:8px DM Mono,monospace;letter-spacing:.06em;color:#868680}.score-pill{display:flex;align-items:center;gap:6px;border:1.5px solid var(--ink);border-radius:11px 13px 10px 12px;background:#f9d66e;padding:6px 11px;font-weight:1000;font-size:13px;box-shadow:2px 2px var(--ink)}.score-pill svg{color:#e09d18}.answers-grid{position:absolute;z-index:1;top:54px;right:10px;bottom:12px;left:10px;overflow:hidden}.answer-card{position:absolute;left:var(--lane-x);top:-100px;width:45%;min-height:74px;overflow:hidden;display:flex;align-items:center;text-align:left;gap:clamp(7px,1.1vw,14px);padding:12px 11px;border:2px solid var(--ink);border-radius:18px 15px 19px 14px;background:color-mix(in srgb,var(--answer-color) 86%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#293340;box-shadow:3px 4px 0 var(--ink);cursor:pointer;animation:answer-rain 5.8s linear infinite;animation-delay:var(--fall-delay);transition:transform .14s,box-shadow .14s,filter .2s}.answer-card:nth-child(2){border-radius:15px 20px 14px 18px;transform:rotate(1deg)}.answer-card:nth-child(3){border-radius:20px 15px 17px 19px;transform:rotate(-1deg)}.answer-card:nth-child(4){border-radius:14px 19px 17px 15px;transform:rotate(1deg)}.answer-card:hover:not(:disabled),.answer-card.answer-hover:not(:disabled){transform:translateY(-4px) rotate(-1deg) scale(1.025);box-shadow:5px 8px 0 var(--ink);z-index:3}.answer-card:disabled{cursor:default}.answer-card.answer-dimmed{filter:grayscale(.45);opacity:.56}.answer-card.answer-correct{background:#88d9a1}.answer-card.answer-wrong{background:#ff9581}.answer-letter{flex:0 0 31px;height:31px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:10px 8px 11px;background:#fffff8d4;box-shadow:1px 2px 0 var(--ink);font:11px DM Mono,monospace;font-weight:500}.answer-text{font-size:clamp(12px,1.42vw,17px);line-height:1.2;font-weight:1000;overflow-wrap:anywhere}.answer-result-icon{flex:0 0 19px;margin-left:auto}.hold-meter{position:absolute;left:0;bottom:0;height:6px;width:var(--hold-progress);border-top:1px solid var(--ink);background:#fffdf5;transition:width .04s linear}.hand-hint{position:absolute;left:50%;bottom:7px;transform:translate(-50%);white-space:nowrap;display:flex;align-items:center;gap:5px;color:#84847d;font:8px DM Mono,monospace;letter-spacing:.04em}.hand-hint svg{color:var(--teal)}.answer-feedback{position:absolute;z-index:4;bottom:6px;left:50%;transform:translate(-50%) rotate(-2deg);white-space:nowrap;border:1.5px solid var(--ink);border-radius:9px;padding:4px 10px;background:#fff9e9;color:#32876e;font:9px DM Mono,monospace;box-shadow:2px 2px var(--ink)}.feedback-wrong{color:#ba594b}.hand-cursor{display:none;pointer-events:none;position:fixed;z-index:5;width:46px;height:56px;transform:translate(-50%,-12%);filter:drop-shadow(1px 2px 1px rgba(22,35,49,.65))}.hand-cursor img{width:100%;height:100%;object-fit:contain}.hand-cursor i{position:absolute;left:50%;top:5px;width:30px;height:30px;transform:translate(-50%);border:2px solid rgba(247,198,77,.7);border-radius:50%;animation:cursor-ring 1.1s infinite}.hand-cursor-1 img{filter:hue-rotate(325deg)}.hand-cursor-1 i{border-color:#ff806db8}.game-bottom{min-height:31px;display:flex;align-items:end;justify-content:space-between;padding:0 4px;color:#797c76;font:8px DM Mono,monospace;letter-spacing:.08em}.game-bottom>span{display:flex;align-items:center;gap:6px}.game-bottom i{width:8px;height:8px;border-radius:50%}.camera-mini{display:flex;align-items:center;gap:7px}.camera-mini span{width:6px;height:6px;border-radius:50%;background:#d2cabc}.camera-mini span.mini-active{background:#41ae98;box-shadow:0 0 0 3px #41ae9826}.toast-message{position:fixed;left:50%;bottom:61px;z-index:9;transform:translate(-50%);padding:9px 16px;background:#293340;color:#fff;border-radius:12px;font-weight:900;font-size:12px;box-shadow:3px 4px #f4c64e;animation:toast-in .2s ease-out}.results-screen{min-height:calc(100vh - 125px);display:grid;place-items:center;padding:30px 16px;position:relative}.results-card{width:min(520px,93vw);padding:25px 35px 26px;text-align:center;background:#fffdf7;border:2px solid var(--ink);border-radius:24px 21px 25px 20px;box-shadow:7px 8px var(--ink);position:relative}.trophy-illustration{width:87px;height:82px;margin:0 auto 13px;display:grid;place-items:center;color:var(--ink);background:#f4cf62;border:2px solid var(--ink);border-radius:22px 18px 20px 17px;box-shadow:4px 4px var(--ink);transform:rotate(-5deg)}.result-eyebrow{justify-content:center}.results-card h1{margin:11px 0 5px;font-size:clamp(34px,6vw,53px);letter-spacing:-.055em;line-height:1.05;color:#283543;font-weight:1000}.result-subtitle{margin:0 0 20px;font-size:13px;color:#81837d;font-weight:700}.final-scores{display:grid;grid-template-columns:1fr 1fr;gap:13px}.final-score-card{border:1.5px solid var(--ink);border-radius:15px 13px 16px 12px;padding:13px 8px 12px;background:#b0e1d5;box-shadow:3px 3px var(--ink);display:flex;flex-direction:column;align-items:center}.final-player-2{background:#ffb09a}.final-score-card>span{font-size:23px}.final-score-card small{margin-top:4px;font:8px DM Mono,monospace;letter-spacing:.09em}.final-score-card strong{margin-top:0;font-size:35px;line-height:1.05;font-weight:1000}.final-score-card i{font:8px DM Mono,monospace;font-style:normal}.replay-button{margin-top:24px;min-width:190px}.replay-button svg{order:2}.result-hearts{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:6px;color:#dd7864;font:8px DM Mono,monospace;letter-spacing:.1em}.result-spark{position:absolute;color:#f0ba34;font-size:64px}.result-spark-a{left:17%;top:19%;transform:rotate(-14deg)}.result-spark-b{right:17%;bottom:20%;color:#47b7a3;transform:rotate(17deg)}.footer-note{position:absolute;bottom:12px;width:100%;text-align:center;color:#8b897e;font:8px DM Mono,monospace;letter-spacing:.12em;pointer-events:none}.footer-note span{color:#ed846c;padding:0 5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:translateY(-50%) rotate(5deg) scale(1.08)}}@keyframes answer-rain{0%{transform:translateZ(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translate3d(0,calc(100dvh - var(--rainfield-bottom) + 105px),0);opacity:0}}@keyframes bubble-pop{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.14)}to{opacity:0;transform:scale(1.55) rotate(12deg)}}@keyframes burst-pop{0%{opacity:0;transform:scale(.3) rotate(-18deg)}30%{opacity:1;transform:scale(1.05) rotate(0)}to{opacity:0;transform:scale(1.35) rotate(13deg)}}@keyframes cursor-ring{0%{transform:scale(.75);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes toast-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(min-width:1400px){.game-screen{min-height:min(850px,calc(100vh - 118px))}.player-zone{padding-top:20px}.answers-grid{inset-top:60px}}@media(max-width:900px){.intro-screen{grid-template-columns:1fr 1fr;gap:25px}.intro-art{min-height:415px}.camera-preview-wrap{height:250px}.intro-copy h1{font-size:70px}.floating-note{font-size:9px}.answer-card{padding:10px 8px}.answer-letter{flex-basis:26px;height:26px}.player-zone{padding-left:12px;padding-right:12px}}@media(max-width:680px){.topbar{height:65px;padding:0 16px}.top-note{display:none}.brand{width:154px;height:49px}.camera-status{font-size:8px}.category-screen{min-height:calc(100vh - 100px);width:calc(100% - 28px);padding:25px 0 48px}.category-panel{padding:28px 15px 20px}.category-mascot{width:67px;height:67px;top:-26px;right:8px}.category-panel h1{margin-top:11px;font-size:clamp(30px,9vw,40px)}.category-lede{max-width:250px;margin:0 auto 17px;font-size:11px}.subject-grid{grid-template-columns:1fr;gap:8px}.subject-option{min-height:63px;padding:8px 10px;gap:10px}.subject-icon{width:40px;height:40px;flex-basis:40px;font-size:20px}.subject-copy b{font-size:12px}.subject-copy small{font-size:9px}.category-actions{margin-top:16px;gap:8px}.category-actions .primary-button{min-height:47px;padding:0 13px;gap:8px;font-size:12px}.secondary-button{min-height:43px;padding:0 12px;font-size:11px}.intro-screen{min-height:auto;padding:34px 0 52px;width:calc(100% - 34px);display:flex;flex-direction:column;align-items:stretch;gap:27px}.intro-copy{padding-left:3px}.intro-copy h1{margin-top:17px;font-size:clamp(67px,17vw,92px)}.intro-lede{font-size:14px}.howto-row{margin:10px 0}.howto-icon{width:36px;height:36px}.primary-button{min-height:50px}.intro-art{min-height:310px;margin:0 4px}.camera-frame{padding:9px 10px 8px}.camera-preview-wrap{height:clamp(180px,58vw,260px)}.camera-frame-top,.camera-frame-bottom{min-height:24px}.placeholder-camera{width:57px;height:52px;margin-bottom:12px}.placeholder-camera svg{width:30px}.floating-note{padding:7px 8px;font-size:8px}.note-left{left:-2%;bottom:11%}.note-right{right:-1%;top:13%}.sticker-left{left:-2%;top:10%;width:48px;height:45px}.sticker-right{right:-1%;bottom:7%;width:45px;height:42px}.sun-doodle{top:1%;right:7%;font-size:47px}.landing-mascot{width:67px;height:105px;bottom:-6px}.landing-mascot-1{left:-4%}.landing-mascot-2{right:-4%}.game-screen{width:calc(100% - 20px);min-height:calc(100vh - 90px);padding-top:8px;padding-bottom:26px}.game-topline{grid-template-columns:82px 1fr 78px;gap:7px}.round-count{font-size:8px}.round-count b{font-size:11px}.round-progress{gap:3px}.round-progress span{height:4px}.exit-button{font-size:8px;padding:6px 7px}.exit-button svg{width:13px}.question-card{width:calc(100% - 24px);margin:15px auto 13px;padding:11px 16px 13px}.question-meta{font-size:8px}.question-meta span{font-size:14px}.question-card h2{font-size:clamp(18px,5.4vw,26px);padding-bottom:3px}.timer-chip{right:-14px;top:auto;bottom:-17px;transform:rotate(4deg);min-width:65px;padding:5px 7px;font-size:9px;z-index:2}.timer-chip.urgent{animation-name:pulse-small}.duel-board{min-height:495px;grid-template-columns:1fr 1fr}.player-zone{padding:10px 7px 32px}.player-zone+.player-zone{border-left-width:1px}.player-header{height:39px}.player-name{gap:5px}.player-avatar{width:27px;height:27px;font-size:16px;border-radius:9px}.player-name b{font-size:9px}.player-name small{font-size:6px;letter-spacing:0}.score-pill{font-size:10px;padding:4px 6px;gap:4px}.score-pill svg{width:11px}.answers-grid{top:47px;right:5px;bottom:12px;left:5px}.answer-card{width:47%;min-height:64px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:7px 6px;border-width:1.5px;border-radius:13px 12px 14px 11px;box-shadow:2px 3px var(--ink)}.answer-card:nth-child(2n){left:51%}.answer-letter{flex:0 0 22px;width:22px;height:22px;font-size:9px;border-radius:7px;box-shadow:1px 1px var(--ink)}.answer-text{font-size:clamp(10px,2.5vw,13px)}.answer-result-icon{position:absolute;top:5px;right:5px;width:14px}.hand-hint{font-size:6px;bottom:8px;letter-spacing:0}.hand-hint svg{width:11px}.answer-feedback{font-size:7px;bottom:7px;padding:4px 6px}.game-bottom{font-size:7px}.toast-message{bottom:47px;font-size:11px}.hand-cursor{width:37px;height:45px}.hand-cursor i{width:25px;height:25px;top:3px}.results-screen{min-height:calc(100vh - 95px)}.results-card{padding:22px 20px}.result-spark-a{left:2%;top:14%;font-size:45px}.result-spark-b{right:3%;bottom:14%;font-size:45px}.footer-note{font-size:7px;letter-spacing:.06em}}@keyframes pulse-small{to{transform:rotate(4deg) scale(1.08)}}.app-shell.is-playing{background-image:none}.app-shell.is-playing:before{background:#fff9e924}.app-shell.is-playing .topbar,.app-shell.is-playing .footer-note{display:none}.app-shell.is-playing .player-hud,.app-shell.is-playing .question-card,.app-shell.is-playing .game-bottom{backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell.is-playing .paper-grain{opacity:.035}.app-shell.is-playing .tracking-video.game-camera-bg{top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1}.app-shell.is-playing .game-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100vh;height:100dvh;min-height:0;margin:0;padding:0;display:block;overflow:hidden}.app-shell.is-playing .game-topline{position:absolute;z-index:7;top:14px;left:50%;width:min(480px,42vw);min-height:25px;transform:translate(-50%);display:grid;grid-template-columns:74px 1fr 0;gap:7px}.app-shell.is-playing .round-count{color:#fff;text-shadow:0 1px 4px #27343a;font-size:9px}.app-shell.is-playing .round-count b{color:#fff;font-size:12px}.app-shell.is-playing .round-progress{gap:4px}.app-shell.is-playing .round-progress span{height:5px;background:#ffffff8c;box-shadow:0 1px 3px #0003}.app-shell.is-playing .round-progress .done{background:#76e1c8}.app-shell.is-playing .round-progress .current{background:#ffd55d}.app-shell.is-playing .exit-button{position:fixed;top:12px;right:15px;color:#fff;background:#1b272d7a;border-color:#ffffffb3}.player-huds{position:absolute;z-index:6;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none}.player-hud{min-width:180px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1.5px solid rgba(35,48,54,.9);border-radius:11px 14px 10px 13px;background:#fffdf6c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:2px 3px #1c272d8f;color:var(--ink)}.player-hud-2{border-radius:14px 10px 13px 11px}.hud-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ink);border-radius:10px;background:#8bd8c9}.hud-avatar img{width:100%;height:100%;object-fit:contain}.player-hud-2 .hud-avatar{background:#ffad97}.hud-player-copy{display:flex;flex-direction:column;gap:2px}.hud-player-copy b{font-size:10px;letter-spacing:.05em}.hud-player-copy small{font:7px DM Mono,monospace;color:#677274;letter-spacing:.025em}.hud-score{margin-left:auto;min-width:42px;display:flex;justify-content:center;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--ink);border-radius:9px;background:#f7d56d;font-weight:1000;font-size:13px}.hud-score svg{color:#d99414}.app-shell.is-playing .question-card{position:absolute;z-index:6;top:auto;bottom:clamp(68px,8vh,82px);left:50%;width:min(700px,58vw);margin:0;padding:11px 24px 13px;transform:translate(-50%);background:#435bcce0;color:#fff;border:1.5px solid rgba(255,255,255,.85);border-radius:15px 18px 14px 17px;box-shadow:0 4px 12px #1325424d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-shell.is-playing .question-meta{color:#ffffffd1}.app-shell.is-playing .question-meta img{width:32px;height:32px}.app-shell.is-playing .question-card h2{color:#fff;font-size:clamp(19px,2.5vw,29px)}.final-score-card>img{width:76px;height:72px;object-fit:contain}.app-shell.is-playing .timer-chip{top:auto;right:9px;bottom:-14px;transform:rotate(3deg);min-width:69px;padding:5px 7px;border-radius:9px;font-size:9px}.team-rainfields{position:fixed;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}.team-rainfield{--rainfield-bottom: clamp(260px, 30vh, 300px);position:absolute;top:0;bottom:var(--rainfield-bottom);width:50%;overflow:hidden;pointer-events:none}.team-rainfield-1{left:0}.team-rainfield-2{right:0}.team-divider{position:fixed;z-index:5;top:0;bottom:0;left:50%;border-left:2px dashed rgba(255,255,255,.9);filter:drop-shadow(0 1px 2px rgba(24,38,46,.65));pointer-events:none}.team-divider span{position:absolute;top:48%;left:0;transform:translate(-50%,-50%);padding:5px 7px;border:1px solid white;border-radius:50%;background:#2c4151c7;color:#fff;font:900 9px DM Mono,monospace}.answer-bubble{position:absolute;left:min(var(--rain-x),calc(100% - 130px));top:-140px;width:clamp(88px,8vw,128px);aspect-ratio:1;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#26353b;cursor:crosshair;pointer-events:auto;animation:answer-rain var(--fall-duration, 11s) linear infinite;animation-delay:var(--fall-delay);transition:scale .15s}.answer-bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:50%;background:url(/assets/answer-bubble-crayon.webp) center / 100% 100% no-repeat;filter:hue-rotate(var(--bubble-hue));pointer-events:none}.answer-bubble:hover,.answer-bubble.answer-hover{scale:1.08;box-shadow:0 0 0 4px #ffffff9e,3px 6px #18262eb3;z-index:2}.answer-bubble:disabled{cursor:default}.bubble-answer{position:relative;z-index:1;font-size:clamp(9px,.9vw,12px);font-weight:1000;line-height:1.04;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(255,255,255,.6),0 0 5px rgba(255,255,255,.8)}.answer-bubble.is-popping{z-index:8;pointer-events:none;animation:answer-rain var(--fall-duration, 11s) linear infinite var(--fall-delay),bubble-pop .42s ease-out 1;animation-fill-mode:none,forwards}.answer-bubble.is-popping:before,.answer-bubble.is-popping .bubble-answer{opacity:0}.pop-burst{position:absolute;z-index:2;left:-23%;top:-23%;width:146%;height:146%;object-fit:contain;pointer-events:none;animation:burst-pop .42s cubic-bezier(.12,.8,.22,1) both}.app-shell.is-playing .hand-cursor{z-index:8}.hand-cursor{left:0;top:0;will-change:transform}.app-shell.is-playing .game-bottom{position:fixed;z-index:6;left:50%;bottom:11px;min-height:0;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:7px 12px;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:#1c2b2fad;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-shell.is-playing .camera-mini{color:#fff}.app-shell.is-playing .camera-mini span{background:#ffb25f}.app-shell.is-playing .camera-mini span.mini-active{background:#54d7a8}.rain-instruction{display:flex;align-items:center;gap:5px}.rain-instruction svg{color:#ffd463}.app-shell.is-playing .toast-message{bottom:58px}@media(max-width:680px){.app-shell.is-playing .game-topline{top:7px;width:43vw;grid-template-columns:1fr}.app-shell.is-playing .round-count{display:none}.app-shell.is-playing .round-progress{gap:2px}.app-shell.is-playing .round-progress span{height:4px}.app-shell.is-playing .exit-button{top:8px;right:7px;padding:5px 6px;font-size:7px}.player-huds{top:9px;left:7px;right:7px}.player-hud{min-width:0;max-width:37vw;gap:5px;padding:5px 6px}.hud-avatar{width:23px;height:23px;flex-basis:23px;font-size:14px}.hud-player-copy b{font-size:8px}.hud-player-copy small{font-size:6px}.hud-score{min-width:31px;padding:4px;font-size:10px}.hud-score svg{width:10px}.app-shell.is-playing .question-card{top:auto;bottom:62px;width:min(76vw,440px);padding:8px 14px 10px}.app-shell.is-playing .question-meta{font-size:7px;gap:6px}.app-shell.is-playing .question-meta span{font-size:12px}.app-shell.is-playing .question-meta img{width:24px;height:24px}.app-shell.is-playing .question-card h2{font-size:clamp(16px,4.5vw,22px)}.app-shell.is-playing .timer-chip{right:5px;bottom:-12px;min-width:60px;font-size:8px}.team-rainfield{--rainfield-bottom: clamp(235px, 34vh, 280px)}.answer-bubble{width:clamp(78px,22vw,100px);min-height:0;padding:10px}.bubble-answer{font-size:clamp(8px,2.3vw,10px)}.answer-bubble{left:min(var(--rain-x),calc(100% - 102px))}.app-shell.is-playing .game-bottom{bottom:7px;gap:8px;padding:6px 9px;font-size:7px}.rain-instruction{font-size:6px}.rain-instruction svg{width:12px}.app-shell.is-playing .toast-message{bottom:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}