@font-face{font-family:ComicTitle;src:url(/que-traigo/fonts/bangers.ttf)format("truetype");font-display:swap}@font-face{font-family:ComicBody;src:url(/que-traigo/fonts/nunito.ttf)format("truetype");font-weight:200 1000;font-display:swap}:root{color:#2d1b42;font-synthesis:none;--ink:#2d1b42;--paper:#fff6de;--red:#f26068;--purple:#9871cf;--yellow:#ffdb63;--blue:#72cce4;--accent:#a65cd5;background:#ffdc69;font-family:ComicBody,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(#8a467b40 1.2px,#0000 1.3px) 0 0/9px 9px,conic-gradient(from 20deg at 50% 15%,#ffd96f,#fb9491,#ffdf7c,#9780d8,#ffdc74);min-width:300px;min-height:100dvh;margin:0}body[data-theme=aurora]{--paper:#f4e9ff;--red:#ef7ea3;--yellow:#e4bbff;--blue:#89cde8;background-color:#7250a3}body[data-theme=sunset]{--paper:#fff0cd;--red:#dd8665;--yellow:#eed099;--blue:#94c7be;background-color:#d7ab72}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;background:var(--paper);min-height:46px;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:12px;padding:11px 15px;font-weight:900;transition:transform .1s,box-shadow .1s}button:active{box-shadow:1px 2px 0 var(--ink);transform:translate(2px,2px)}button:disabled{opacity:.45;cursor:default;transform:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #10a5cf}a{color:#7145a3}h1,h2,h3,p{margin:0 0 14px}h1,h2,h3,.comic-button{letter-spacing:1px;font-family:ComicTitle,Impact,sans-serif;font-weight:400}h1{font-size:clamp(36px,9vw,55px);line-height:1.05}h1 em{color:#9950af;font-style:normal}h2{font-size:24px}h3{margin-top:24px;font-size:25px}p{line-height:1.55}.shell{background:var(--paper);width:min(100%,660px);min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));border-left:4px solid var(--ink);border-right:4px solid var(--ink);margin:auto;box-shadow:0 0 40px #41213c22}.topbar,.home-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.topbar h2{text-align:center;flex:1;margin:0;font-size:22px}.icon-button{width:43px;min-width:43px;height:43px;min-height:43px;box-shadow:2px 3px 0 var(--ink);background:#fff4d2;border-radius:50%;place-items:center;padding:4px;font-family:ComicBody;font-size:24px;display:grid}.mvbrand{letter-spacing:1px;font-size:12px;font-weight:1000}.home{background:radial-gradient(#a4659d14 .8px, transparent 1px) 0 0/6px 6px, var(--paper);max-width:450px}.home-top{margin-bottom:0}.hero{isolation:isolate;height:280px;margin:0 -9px 5px;position:relative;overflow:hidden}.hero-rays{z-index:-1;background:repeating-conic-gradient(from 25deg at 60% 80%,#ffd65e88 0deg 13deg,#0000 13deg 26deg);position:absolute;inset:15px -70px -35px;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.wordmark{z-index:2;text-align:center;width:210px;text-shadow:3px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-family:ComicTitle;line-height:.93;position:absolute;top:20px;left:9px;transform:rotate(-7deg)}.wordmark span{color:#ffe57e;font-size:60px;display:block}.wordmark strong{color:#f66c70;font-size:64px;font-weight:400;display:block}.wordmark small{-webkit-text-stroke:0;text-shadow:none;color:var(--ink);letter-spacing:1px;margin-top:9px;font-family:ComicBody;font-size:12px;font-weight:1000;display:block}.mascot{object-fit:contain;z-index:1;filter:drop-shadow(2px 5px #5c306430);width:196px;height:265px;position:absolute;top:5px;right:-12px;transform:rotate(5deg)}.speech-sticker{z-index:3;letter-spacing:.8px;border:3px solid var(--ink);background:#fffdf5;border-radius:50% 45% 47% 46%;padding:12px 15px;font-family:ComicTitle;font-size:22px;line-height:1.05;position:absolute;top:192px;left:17px;transform:rotate(-4deg);box-shadow:3px 4px #a27bb9}.home-menu{gap:12px;display:grid}.comic-button{letter-spacing:1.3px;text-align:center;border-radius:18px 14px 17px 11px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:59px;padding:13px 15px;font-size:28px;line-height:1.1;display:flex;position:relative}.comic-button svg{flex-shrink:0;width:28px;height:28px}.comic-button small{letter-spacing:0;font-family:ComicBody;font-size:10px;font-weight:900;display:block;position:absolute;bottom:7px;left:15px;right:15px}.home-menu .comic-button{justify-content:flex-start;min-height:65px;padding-top:7px;padding-bottom:22px;padding-left:25px;font-size:28px}.home-menu .comic-button small{text-align:left;bottom:9px;left:65px}.red{background:var(--red)}.purple{background:var(--purple)}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.home-menu button:nth-child(odd){transform:rotate(-.8deg)}.home-menu button:nth-child(2n){transform:rotate(.8deg)}.home-menu button:active{transform:translate(2px,2px)}.home-extras{gap:8px;margin-top:19px;display:flex}.home-extras button{box-shadow:2px 3px 0 var(--ink);border-width:2px;flex:1;min-height:40px;padding:9px 3px;font-size:11px}.resume-button{background:#fffbe9;border-style:dashed;width:100%;margin-top:15px;font-size:12px}.home footer,footer{text-align:center;color:#765577;margin-top:20px;font-size:10px}.tag{background:var(--yellow);border:2px solid var(--ink);letter-spacing:.6px;box-shadow:2px 2px 0 var(--ink);margin-bottom:12px;padding:5px 10px;font-size:10px;font-weight:1000;display:inline-block;transform:rotate(-2deg)}.setup-heading{margin-bottom:22px}.field{flex-direction:column;gap:7px;margin-bottom:15px;font-size:13px;font-weight:1000;display:flex}.field input,.field select,.field textarea,.name-field input{border:3px solid var(--ink);width:100%;min-width:0;color:var(--ink);background:#fffcf3;border-radius:10px;min-height:48px;padding:11px;font-size:15px;font-weight:700}.field textarea{resize:vertical;line-height:1.6}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.name-grid{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 23px;display:grid}.name-field span{color:#795688;margin-bottom:4px;font-size:10px;font-weight:1000;display:block}.name-field input{font-size:14px}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 24px;display:grid}.mode{border-radius:15px;flex-direction:column;align-items:center;gap:7px;min-height:139px;padding:14px 10px;display:flex}.mode>span{font-size:28px}.mode strong{letter-spacing:.7px;font-family:ComicTitle;font-size:24px;font-weight:400}.mode small{font-size:10px;font-weight:700;line-height:1.4}.mode.selected{outline-offset:3px;background:#d5c0f1;outline:3px solid #a96acc}.selection-button{background:var(--yellow);width:100%;margin-bottom:16px;font-size:13px}.check{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;font-weight:900;display:flex}.check input{accent-color:#a650b9;width:25px;height:25px}details{border:2px dashed #90729d;border-radius:14px;margin-bottom:18px;padding:14px}summary{cursor:pointer;font-size:13px;font-weight:1000}details[open] summary{margin-bottom:16px}.deck-count{text-align:center;margin:18px 0;font-size:12px;font-weight:900;line-height:1.5}.fine-print{color:#7f6285;margin-top:18px;font-size:11px;line-height:1.6}.row{gap:12px;display:flex}.row>*{flex:1}.category-grid{grid-template-columns:1fr 1fr;gap:13px;margin:22px 0;display:grid}.category-tile{flex-direction:column;align-items:center;gap:7px;min-height:151px;padding:16px 10px 13px;display:flex;position:relative}.category-tile svg{color:#7d4e9e;width:50px;height:50px}.category-tile strong{font-size:14px;line-height:1.2}.category-tile small{color:#765984;font-size:11px}.category-tile i{background:var(--ink);color:#fff;border-radius:50%;width:21px;height:21px;font-size:13px;font-style:normal;display:none;position:absolute;top:5px;right:6px}.category-tile.selected{background:#fff0a8}.category-tile.selected i{place-items:center;display:grid}.section-intro p{color:#80618c;font-size:13px}.lobby{max-width:850px}.lobby-body{align-items:center;gap:18px;margin:20px auto;display:flex}.lobby-body>img{object-fit:contain;width:40%;max-height:350px}.lobby-body>div{flex:1;min-width:0}.lobby-body h1{overflow-wrap:anywhere}.lobby-mode{font-size:16px;font-weight:1000}.lobby-body p{font-size:14px}.gesture-guide{gap:9px;margin:17px 0;font-size:12px;font-weight:1000;display:flex}.gesture-guide span{border:2px solid var(--ink);background:#fff7e3;border-radius:10px;padding:7px 12px}.subtle-button{box-shadow:none;background:0 0;border:0;min-height:43px;font-size:12px;text-decoration:underline}.lobby .subtle-button{width:100%;margin-top:12px}.countdown{background:radial-gradient(#4d325733 2px, transparent 2px) 0 0/12px 12px, var(--yellow);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.countdown>span{font-size:16px;font-weight:1000}.countdown strong{text-shadow:6px 7px #fff3cf;font:240px/.9 ComicTitle}.countdown small{font-size:12px;font-weight:900}.countdown button{background:#fff7d9;margin-top:14px;font-size:12px}.round-screen{padding:calc(10px + env(safe-area-inset-top)) calc(15px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(15px + env(safe-area-inset-left));background:radial-gradient(#45215335 1.7px,#0000 1.8px) 0 0/8px 8px,#a587ce;flex-direction:column;gap:8px;display:flex;position:fixed;inset:0;overflow:hidden}.round-hud{flex-shrink:0;justify-content:space-between;align-items:center;gap:9px;display:flex}.round-hud>span{border:3px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:6px 12px;font-size:clamp(11px,2vw,17px);font-weight:1000;display:flex}.round-hud .category-label{text-overflow:ellipsis;max-width:43%;overflow:hidden}.round-hud .category-label svg{flex-shrink:0;width:22px;height:22px}.round-hud .time-label{background:var(--yellow);min-width:76px;font-size:clamp(17px,2.7vw,28px)}.round-hud .score-label{background:#ffd1bf}.round-hud>button{width:42px;min-width:42px;height:39px;min-height:39px;box-shadow:2px 2px 0 var(--ink);padding:4px 10px;font-size:19px}.rule-banner{color:#fff7dd;background:var(--ink);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:15px;padding:5px 12px;font-size:11px;line-height:1.3;display:flex}.rule-banner strong{letter-spacing:1px;white-space:nowrap;font-family:ComicTitle;font-size:19px;font-weight:400}.comic-card{background:var(--paper);border:4px solid var(--ink);border-radius:35px 18px 27px 20px;flex:1;align-items:center;gap:15px;min-height:0;padding:12px 22px;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #3b234c}.comic-card:before,.comic-card:after{content:"";pointer-events:none;background:radial-gradient(#d691b255 2px,#0000 2.2px) 0 0/8px 8px;width:160px;height:140px;position:absolute;transform:rotate(-25deg)}.comic-card:before{top:-65px;left:-100px}.comic-card:after{bottom:-75px;right:-85px}.card-decoration{color:#b477ad;opacity:.8;flex:0 0 clamp(50px,10vw,105px)}.card-decoration svg{width:100%;height:auto}.word-space{text-align:center;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;display:flex}.word-space h1{text-transform:uppercase;letter-spacing:1.3px;overflow-wrap:anywhere;text-wrap:balance;z-index:1;max-width:100%;margin:0;font-family:ComicTitle;font-weight:400;line-height:1.02;position:relative}.banned{flex-shrink:0;justify-content:center;align-items:center;gap:12px;font-size:clamp(12px,1.8vw,18px);font-weight:1000;display:flex}.banned strong{font:20px ComicTitle}.banned span{background:var(--paper);border:2px solid var(--ink);color:#a33358;border-radius:10px;padding:4px 12px}.round-bottom{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}#sensor-status{max-width:42%;font-size:10px;font-weight:1000;line-height:1.3}#action-controls{gap:10px;display:flex}#action-controls[hidden]{display:none}#action-controls button{letter-spacing:1px;min-height:41px;box-shadow:2px 3px 0 var(--ink);padding:7px 22px;font:22px ComicTitle}#action-controls .pass{background:#d9c6f1}#action-controls .correct{background:#9bdfb0}.time-track{background:#51375944;border-radius:6px;flex-shrink:0;height:5px;overflow:hidden}.time-track i{transform-origin:0;background:#5d3484;height:100%;display:block}.urgent .time-label{background:#f3948f}.urgent .time-track i{background:#c73c62}#feedback{pointer-events:none;z-index:3;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;color:#86edaa;text-shadow:4px 5px 0 var(--ink);opacity:0;justify-content:center;align-items:center;font:clamp(45px,10vw,100px) ComicTitle;display:flex;position:absolute;inset:0;transform:rotate(-7deg)scale(.9)}#feedback.good,#feedback.skip{opacity:1;animation:.42s ease-out both pop-feedback}#feedback.skip{color:#efd46d}#feedback.leave{opacity:0}@keyframes pop-feedback{0%{opacity:1;transform:rotate(-8deg)scale(.65)}60%{opacity:1;transform:rotate(-6deg)scale(1.05)}to{opacity:0;transform:rotate(-3deg)scale(1.1)}}.pause-screen{text-align:center;background:radial-gradient(#a35ca122 2px, transparent 2px) 0 0/10px 10px, var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:none;display:flex;position:fixed;inset:0;overflow:auto}.pause-screen h1{color:#d9637b;font-size:clamp(65px,15vw,120px)}.pause-screen .comic-button{max-width:380px}.pause-screen p{font-size:14px}.summary-hero{text-align:center;margin:18px 0 27px}.summary-hero h1{color:#b65c9e;margin-top:15px;font-size:110px;line-height:.85}.summary-hero h1 small{margin-top:12px;font-size:25px;display:block}.summary-counts{justify-content:center;gap:17px;margin-top:25px;font-size:14px;font-weight:1000;display:flex}.token-award{border:2px solid var(--ink);background:#fff0a3;border-radius:12px;margin-top:12px;padding:9px;font-size:12px;font-weight:1000;display:inline-block}.round-list{gap:8px;padding:0;list-style:none;display:grid}.round-list li{background:#fffaf0;border:2px solid #a888b455;border-radius:12px;align-items:center;gap:12px;padding:10px 13px;font-size:14px;display:flex}.round-list b{color:#5ca579}.round-list .passed b{color:#b18a5f}.round-list .passed{color:#9b7a8f}.pending-word{color:#957a9d;margin-top:18px;font-size:12px}.results-heading{text-align:center}.results-heading>svg{color:#af5c98;width:90px;height:90px;margin:15px auto;display:block}.results-heading h1{color:#ac548f;font-size:48px}.results-heading p{font-weight:1000}.leaderboard{gap:10px;margin:24px 0;display:grid}.leaderboard>div{border:3px solid var(--ink);background:#ffe29f;border-radius:13px;justify-content:space-between;align-items:center;padding:14px 17px;font-size:17px;font-weight:900;display:flex}.leaderboard strong{font:34px ComicTitle}.results-heading~.comic-button{margin-bottom:15px}.calibration,.tutorial{text-align:center}.calibration h1{margin-top:20px}.phone-demo{border:5px solid var(--ink);width:160px;height:90px;box-shadow:5px 5px 0 var(--ink);background:#ceb0ec;border-radius:18px;place-items:center;margin:25px auto;display:grid;transform:rotate(-5deg)}.phone-demo b{font:65px ComicTitle}.calibration p{font-size:14px}.calibration .comic-button{margin:14px 0;font-size:23px}.tilt-meter{border:3px solid var(--ink);background:#d7c0e7;border-radius:20px;width:260px;max-width:100%;height:24px;margin:24px auto;position:relative}.tilt-meter:before{content:"";border-left:3px dashed var(--ink);height:27px;position:absolute;top:-4px;left:50%}.tilt-meter span{border:2px solid var(--ink);background:#f66d78;border-radius:50%;width:20px;height:20px;position:absolute;top:-1px;left:calc(50% - 10px)}.tutorial>svg{color:#9f60b4;width:125px;height:125px;margin:32px auto;display:block}.tutorial h1{font-size:40px}.tutorial p{margin:24px 0;font-size:15px;line-height:1.8}.tutorial-dots{justify-content:center;gap:9px;margin:24px;display:flex}.tutorial-dots i{border:2px solid var(--ink);background:#d6bedc;border-radius:50%;width:12px;height:12px}.tutorial-dots .selected{background:#ed858f}.practice-card{text-align:center}.practice-card h1{margin-top:20px;font-size:75px}.practice-card>svg{color:#b276b1;width:100px;height:100px;margin:18px auto;display:block}.practice-card p{font-size:15px}.practice-status{border:2px solid var(--ink);background:#e5d4f1;border-radius:13px;margin:22px 0;padding:14px;font-size:12px;font-weight:1000}.practice-card .comic-button{margin-bottom:17px;font-size:23px}.custom-list{gap:16px;margin:25px 0;display:grid}.custom-list article{border:3px solid var(--ink);background:#eadbf3;border-radius:14px;flex-wrap:wrap;gap:10px;padding:17px;display:flex}.custom-list article>div{flex:1 0 100%;align-items:center;gap:12px;margin-bottom:10px;display:flex}.custom-list svg{width:38px;height:38px}.custom-list strong{flex:1;font-size:16px}.custom-list article span{font-size:11px}.custom-list article button{flex:1;min-height:38px;padding:8px;font-size:12px}.empty-state{text-align:center;color:#8e6e98;padding:20px;font-size:14px}.collection-intro p{font-size:13px}.token-balance{border:2px solid var(--ink);background:#ffe6a4;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:1000;display:inline-block}.achievement-list{gap:11px;margin:25px 0;display:grid}.achievement-list article{color:#9b83a5;background:#e3d6e8;border:2px solid #b293bb;border-radius:15px;align-items:center;gap:14px;padding:13px;display:flex}.achievement-list article.unlocked{color:var(--ink);border-color:var(--ink);background:#fff0ad}.achievement-list article>b{font:42px ComicTitle}.achievement-list strong{font-size:14px;display:block}.achievement-list small{margin-top:5px;font-size:11px;display:block}.skin-grid{gap:15px;display:grid}.skin{text-align:left;flex-wrap:wrap;align-items:center;gap:15px;display:flex}.skin>span{font:32px ComicTitle}.skin>strong{flex:1;font-size:14px}.skin>small{font-size:11px}.skin-classic{background:#ffda68}.skin-aurora{background:#d4b1ee}.skin-sunset{background:#ead5ad}#modal{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:2000;background:#2a173ece;place-items:center;padding:20px 15px;display:grid;position:fixed;inset:0;overflow:auto}#modal section{background:var(--paper);border:4px solid var(--ink);border-radius:22px 15px 24px 16px;gap:13px;width:100%;max-width:470px;max-height:90dvh;padding:23px;display:grid;overflow:auto;box-shadow:7px 7px #171024}#modal header{justify-content:space-between;align-items:center;gap:12px;display:flex}#modal header h2{margin:0}#modal header button{width:42px;min-width:42px;min-height:40px;padding:3px}#modal label{justify-content:space-between;align-items:center;gap:14px;font-size:13px;font-weight:900;display:flex}#modal input[type=range]{accent-color:#a45cbb;width:52%;min-height:43px}#modal input[type=checkbox]{accent-color:#a45cbb;width:24px;height:24px}#modal label.button{cursor:pointer;border:3px solid var(--ink);min-height:46px;box-shadow:3px 4px 0 var(--ink);border-radius:12px;padding:11px 15px;font-size:16px}#modal p{font-size:13px}#modal a{font-size:12px}#modal textarea{width:100%;min-height:120px}.toast{z-index:20000;bottom:calc(25px + env(safe-area-inset-bottom));width:max-content;max-width:90vw;color:var(--ink);border:3px solid var(--ink);text-align:center;background:#fff6c8;border-radius:16px;padding:13px 19px;font-size:13px;font-weight:900;position:fixed;left:50%;transform:translate(-50%);box-shadow:4px 4px #351c41}body.reduced-motion *{transition:none!important;animation:none!important}body.reduced-flashes #feedback{opacity:0;animation:none!important;transform:none!important}body.reduced-flashes #feedback.good,body.reduced-flashes #feedback.skip{opacity:1;border:2px solid var(--ink);text-shadow:none;-webkit-text-stroke:0;color:var(--ink);background:#fff1a8;padding:5px 10px;font-size:28px;inset:auto 10px 8px auto}body.reduced-flashes #feedback.leave{opacity:0}body.reduced-flashes .urgent .time-label{background:var(--yellow)}@media (width<=350px){.shell{padding-left:15px;padding-right:15px}.hero{height:247px}.wordmark{width:174px;top:20px;left:0}.wordmark span{font-size:51px}.wordmark strong{font-size:54px}.mascot{width:171px;height:233px;right:-14px}.speech-sticker{font-size:19px;top:169px;left:8px}.home-menu .comic-button{min-height:61px;font-size:24px}.home-extras button{font-size:10px}.field-pair{gap:9px}.field select{padding:9px;font-size:13px}.round-hud .category-label{max-width:43%}.round-hud .category-label svg{display:none}.round-hud>span{padding:6px 7px;font-size:10px}.round-hud .score-label{font-size:9px}.round-hud .time-label{min-width:57px;font-size:21px}.round-hud>button{width:34px;min-width:34px}.banned{flex-wrap:wrap;gap:6px}.banned span{padding:4px 8px;font-size:11px}}@media (orientation:portrait){.round-screen{padding-top:calc(14px + env(safe-area-inset-top));gap:12px}.round-hud{flex-wrap:wrap;gap:8px}.round-hud .category-label{flex:1 0 65%;justify-content:flex-start;max-width:none}.round-hud .time-label{flex:1;order:3}.round-hud .score-label{flex:1;order:4}.round-hud>button{order:2}.rule-banner{flex-direction:column;gap:5px;padding:9px}.comic-card{flex-direction:column;gap:6px;padding:20px 15px}.card-decoration{flex:0 0 65px;width:65px}.word-space{width:100%}.banned{flex-wrap:wrap;gap:7px;font-size:14px}.banned strong{text-align:center;flex:1 0 100%}.round-bottom{flex-direction:column;gap:10px}.round-bottom #sensor-status{text-align:center;max-width:none}.round-bottom #action-controls{width:100%}.round-bottom #action-controls button{flex:1;min-height:52px;font-size:24px}.lobby-body{text-align:center;flex-direction:column}.lobby-body>img{width:155px;height:200px}.lobby-body>div{width:100%}.gesture-guide{justify-content:center}}@media (orientation:landscape) and (height<=600px){.shell:not(.home){max-width:950px;padding-top:12px}.topbar{margin-bottom:15px}.lobby-body{gap:26px;margin:5px auto}.lobby-body>img{width:32%;max-height:265px}.lobby-body h1{font-size:40px}.lobby-body p{margin-bottom:10px;font-size:12px}.lobby-body .comic-button{min-height:49px;font-size:24px}.gesture-guide{margin:10px 0}.lobby .subtle-button{margin:3px 0}.pause-screen{gap:9px;padding:15px}.pause-screen h1{margin:0;font-size:65px}.pause-screen .comic-button{min-height:42px;padding:9px;font-size:22px}.pause-screen p{margin:0}.calibration .phone-demo{float:left;width:130px;height:80px;margin:15px 25px 10px 0}.calibration h1{font-size:38px}.calibration .comic-button{max-width:500px;min-height:45px;margin:12px auto;font-size:22px}.calibration p{font-size:12px}.tutorial>svg{float:left;width:80px;height:80px;margin:15px 25px}.tutorial h1{font-size:35px}.tutorial p{margin:14px 0;font-size:14px}.tutorial-dots{margin:15px}.practice-card>svg{float:left;width:100px;height:100px;margin:0 24px}.practice-card h1{margin:0;font-size:55px}.practice-card .comic-button{min-height:43px;padding:9px;font-size:23px}.practice-status{margin:15px 0}.practice-card p{font-size:13px}.practice-card .row{margin-top:14px}}@media (height<=740px) and (orientation:portrait){.home{padding-top:12px}.hero{height:240px}.wordmark{top:8px}.mascot{width:175px;height:230px;top:0}.speech-sticker{font-size:20px;top:167px}.home-menu{gap:10px}.home-menu .comic-button{min-height:59px;font-size:25px}.home-extras,.home footer{margin-top:15px}.home-top .icon-button{width:37px;min-width:37px;height:37px;min-height:37px}}@media (orientation:landscape) and (height<=450px){.countdown strong{font-size:165px}.countdown{gap:8px}.countdown button{min-height:37px;margin-top:3px}}.team-mission,.new-packs,.mission-progress,.rehearsal{border:3px solid var(--ink,#272137);background:#fff7dd;border-radius:16px;margin:14px 0;padding:14px;box-shadow:3px 3px #272137}.team-mission p,.rehearsal p{margin:8px 0}.new-packs{background:#e7e1ff;line-height:1.5}.new-packs strong{display:block}.mission-progress{text-align:left;gap:6px;display:grid}.mission-progress.completed{background:#d8f7c3}.mission-progress small{font-size:12px}.rehearsal{max-width:520px;margin:14px auto}.rehearsal small{line-height:1.4;display:block}@media (orientation:landscape) and (height<=500px){.calibration{padding:8px}.calibration .phone-demo{display:none}.calibration h1{font-size:28px}.rehearsal{margin:8px auto;padding:8px}.calibration .comic-button{min-height:44px;padding:8px}}[hidden]{display:none!important}.people-home .hero{height:335px;margin-bottom:10px}.people-home .wordmark{width:285px;top:7px;left:50%;transform:translate(-50%)rotate(-5deg)}.people-home .wordmark span{font-size:53px}.people-home .wordmark strong{font-size:68px}.people-home .wordmark small{display:none}.people-home .friends-art{object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 4px #2d1b4230);width:calc(100% + 24px);height:230px;position:absolute;inset:auto auto 0 -12px;transform:none}.people-home .home-menu .comic-button{min-height:62px}.people-home .home-extras{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.people-home .home-extras button{min-height:44px;font-size:12px}.people-home footer{text-align:center;margin:17px 0 0;font-size:11px;line-height:1.7}.lobby-body>img{object-fit:contain;width:42%;height:auto;max-height:280px}.stage-steps{justify-content:space-between;gap:8px;margin:8px 0 22px;display:flex}.stage-steps>span{text-align:center;opacity:.45;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.stage-steps>span:after{content:"";z-index:0;background:#b49abf;width:65%;height:3px;position:absolute;top:16px;left:68%}.stage-steps>span:last-child:after{display:none}.stage-steps b{border:3px solid var(--ink);z-index:1;background:#e1d0e8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:relative}.stage-steps small{font-size:10px;font-weight:1000;line-height:1.2}.stage-steps .current,.stage-steps .complete{opacity:1}.stage-steps .current.red b{background:var(--red)}.stage-steps .current.purple b{background:var(--purple)}.stage-steps .current.blue b{background:var(--blue)}.stage-steps .complete b{background:#b7ddb6}.format-explainer,.difficulty-help{font-size:12px;line-height:1.65}.difficulty-help{color:#6c4d7a;grid-column:1/-1;margin:-4px 0 4px}.phase-screen{text-align:center;--phase:var(--red);max-width:580px;margin:auto}.phase-screen.purple{--phase:var(--purple)}.phase-screen.blue{--phase:var(--blue)}.phase-kicker{background:var(--phase);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);letter-spacing:1px;border-radius:18px;padding:8px 20px;font:24px ComicTitle;display:inline-block}.phase-screen h1{text-shadow:3px 4px #f4cf6f;margin:17px 0 10px;font-size:clamp(48px,13vw,78px)}.phase-rule{border:2px solid var(--ink);background:#fffcef;border-radius:18px;padding:10px 14px;font-size:15px;font-weight:1000;line-height:1.4}.phase-example{background:radial-gradient(#e4a86e44 1px,#0000 1.3px) 0 0/8px 8px;border-radius:20px;justify-content:center;align-items:center;gap:10px;margin:8px 0;padding:8px 0;display:flex}.phase-example>div{width:45%;min-width:100px}.phase-example .tag{margin-bottom:0;padding:5px;font-size:11px;transform:rotate(-3deg)}.penguin-art{width:110px;max-height:132px;margin:auto;display:block}.phase-example blockquote{letter-spacing:.4px;border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);background:#fffdf1;border-radius:35% 30% 40% 20%;max-width:53%;margin:0;padding:18px 13px;font:25px/1.2 ComicTitle}.phase-hint,.fixed-deck{margin-bottom:9px;font-size:12px;font-weight:900}.fixed-deck{color:#755483}.phase-player{border:2px solid var(--ink);background:#f2e4f8;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:14px 0;padding:10px;font-size:13px;display:flex}.phase-player span{flex:1 0 100%;font-size:11px}.phase-screen .comic-button{width:100%;min-height:60px;font-size:29px}.phase-help{text-align:left;border-top:2px dashed #b09abc;margin:18px 0 10px;padding-top:12px;font-size:12px;font-weight:900}.phase-help p{margin:3px 0}.phase-screen .fine-print{margin:8px 0;font-size:10px}.turn-rule,.turn-transition{border:2px solid var(--ink);background:#f4dd91;border-radius:12px;padding:12px;font-size:13px;font-weight:900;line-height:1.5}.three-round.phase-0{background-color:#ee968c}.three-round.phase-1{background-color:#b99bdf}.three-round.phase-2{background-color:#86cfe4}.three-round .rule-banner{border-left:7px solid var(--yellow)}.stage-score-table{border:3px solid var(--ink);background:#fff7e3;border-radius:16px;margin:18px 0 24px;padding:14px}.stage-score-table h3{margin:0 0 14px;font-size:23px}.stage-score-table>div{border-top:1px dashed #ad8eb7;flex-wrap:wrap;gap:7px 16px;padding:12px 0;font-size:12px;display:flex}.stage-score-table strong{flex-basis:100%;font-size:12px}.stage-score-table small{color:#856494;flex-basis:100%}@media (width<=350px){.people-home .hero{height:285px}.people-home .friends-art{height:195px}.people-home .wordmark{width:250px;top:6px}.people-home .wordmark span{font-size:45px}.people-home .wordmark strong{font-size:58px}.phase-example blockquote{font-size:22px}.phase-screen h1{font-size:49px}.stage-steps small{font-size:9px}}@media (orientation:portrait){.lobby-body>img{width:min(100%,330px);height:auto;max-height:200px}.lobby .stage-steps{margin-bottom:4px}}@media (orientation:landscape) and (height<=500px){.phase-screen{grid-template-columns:1fr 1fr;align-items:center;gap:7px 22px;max-width:850px;display:grid}.phase-screen .stage-steps{grid-column:1/-1;margin:0 0 4px}.phase-screen .phase-kicker{margin:auto;font-size:20px}.phase-screen h1{margin:0;font-size:46px}.phase-rule{margin:0;font-size:13px}.phase-example{grid-area:3/2/7;margin:0}.phase-screen .phase-player{margin:0}.phase-screen .comic-button{min-height:48px;font-size:24px}.phase-screen .phase-help,.phase-screen>.fine-print{grid-column:1/-1;margin:0}.phase-example blockquote{font-size:22px}.lobby .stage-steps{margin:0}.lobby-body>img{max-height:230px}.lobby-body p{margin-bottom:8px}}.phase-screen.red,.phase-screen.purple,.phase-screen.blue,.stage-steps>span{background:0 0}
