:root{--night:#160c3c;--purple:#6322a4;--violet:#a42adb;--gold:#ffd95a;--orange:#ff8a3d;--cyan:#3fe2db;--paper:#fffdf6;--ink:#24153d;--red:#e6405f;--green:#159b76;--shadow:0 18px 55px #09031d55}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic UI",system-ui,sans-serif;background:radial-gradient(circle at 50% -10%,#752bb3 0,#251052 38%,#0d071d 100%);color:var(--ink)}
body{padding:14px;display:grid;place-items:center}
button{font:inherit;cursor:pointer}button:focus-visible{outline:4px solid var(--cyan);outline-offset:3px}
.stage-shell{width:min(100%,920px);min-height:min(760px,calc(100dvh - 28px));background:var(--paper);border:4px solid #f0c950;border-radius:28px;overflow:hidden;box-shadow:0 0 0 6px #3d1768,var(--shadow);position:relative}
.topbar{height:72px;background:linear-gradient(90deg,#180c3e,#4a1777,#180c3e);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:3px solid var(--gold)}
.brand{display:flex;align-items:center;gap:10px}.brain{width:45px;height:45px;border-radius:50%;background:var(--gold);color:#43126e;display:grid;place-items:center;font-size:1.35rem;font-weight:950;box-shadow:0 0 18px #ffd95aaa}.brand strong{display:block;font-size:1.2rem;letter-spacing:.05em}.brand small{color:#ddd2f7;font-weight:700}
.top-actions{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff18;color:#fff;font-weight:900;font-size:1.15rem}
.screen{min-height:680px;padding:24px;position:relative}.hidden{display:none!important}
.start-screen{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 20%,#fff 0,#fff8df 46%,#f0e3ff 100%)}
.marquee{position:absolute;left:18px;right:18px;top:14px;display:flex;justify-content:space-between}.marquee i{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--orange);animation:blink 1.2s infinite alternate}.marquee i:nth-child(even){animation-delay:.6s}
.show-logo{margin:24px 0 10px;position:relative}.logo-kicker{display:inline-block;background:var(--night);color:#fff;border-radius:20px;padding:7px 18px;font-weight:900;letter-spacing:.08em}.show-logo h1{margin:7px 0 3px;font-size:clamp(3.2rem,9vw,5.8rem);line-height:.84;color:var(--purple);letter-spacing:-.05em;text-shadow:3px 3px 0 #fff,6px 6px 0 var(--gold)}.show-logo h1 em{font-style:normal;color:var(--orange);font-size:.62em;letter-spacing:.02em}.logo-ribbon{display:inline-block;background:linear-gradient(90deg,var(--red),var(--orange));color:#fff;padding:8px 22px;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);font-weight:950}
.host-line{width:min(100%,680px);display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #e7ddf2;border-radius:18px;padding:10px 14px;text-align:left;box-shadow:0 7px 0 #e1d5ed}.host-avatar{font-size:2rem;flex:none}.host-line p{margin:0;font-weight:800;line-height:1.55}
.mode-grid{width:min(100%,700px);display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 14px}.mode-card{border:0;border-radius:20px;padding:18px;color:#fff;box-shadow:0 8px 0 #0003;transition:.18s transform}.mode-card:hover{transform:translateY(-3px)}.mode-card:active{transform:translateY(5px);box-shadow:0 3px 0 #0003}.mode-card.easy{background:linear-gradient(135deg,#159b76,#29bbaa)}.mode-card.hard{background:linear-gradient(135deg,#d93658,#ff7a37)}.mode-icon{font-size:1.8rem;margin-right:8px}.mode-card b{font-size:1.25rem}.mode-card small{display:block;margin-top:5px;font-weight:800;font-size:.9rem}
.record{display:flex;gap:8px;align-items:baseline;justify-content:center;flex-wrap:wrap;color:#655774;font-weight:800}.record strong{font-size:1.8rem;color:var(--purple)}.pool-badge{margin-left:12px;background:#efe4fa;color:#6322a4;border-radius:20px;padding:5px 12px;font-size:.86rem}.pool-badge b{font-size:1rem}.text-btn{margin-top:10px;border:0;background:transparent;color:var(--purple);text-decoration:underline;font-weight:900;padding:8px}
.scoreboard{display:grid;grid-template-columns:1fr 1.4fr 1fr;background:var(--night);color:#fff;border-radius:18px;overflow:hidden;border:3px solid var(--gold);box-shadow:0 6px 0 #3c1762}.scoreboard>div{text-align:center;padding:9px;border-right:1px solid #ffffff26}.scoreboard>div:last-child{border:0}.scoreboard span{display:block;font-size:.78rem;color:#dcd2ee;font-weight:900}.scoreboard strong{font-size:1.45rem}.scoreboard small{color:#dcd2ee}.score-main{background:linear-gradient(180deg,#7428ad,#43166d)}.score-main strong{color:var(--gold);font-size:1.8rem}
.stage-title-row{display:flex;align-items:center;gap:12px;margin:19px 0 12px}.stage-badge{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--orange),var(--red));color:white;display:grid;place-items:center;font-size:1.8rem;font-weight:950;box-shadow:0 5px 0 #af2741}.stage-title-row h2{margin:0;font-size:1.65rem}.stage-title-row small{color:#756785;font-weight:850}.home-btn{margin-left:auto;border:0;background:#eee7f3;color:#554467;border-radius:13px;padding:10px 14px;font-weight:900}
.timer-wrap{display:flex;align-items:center;gap:10px}.timer-bar{height:14px;background:#e6deec;border-radius:20px;flex:1;overflow:hidden}.timer-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),#27b68d);border-radius:20px;transition:width 1s linear}.timer-bar i.danger{background:linear-gradient(90deg,var(--red),var(--orange))}.timer-number{width:42px;font-weight:950;font-size:1.2rem;color:var(--purple)}
.quiz-card{background:#fff;border:2px solid #e2d7eb;border-radius:24px;padding:22px;margin-top:12px;box-shadow:0 10px 0 #dfd3e8;position:relative}.question-count{font-weight:900;color:#746486}.category-chip{display:inline-block;margin:9px 0;background:#efe4fa;color:#672397;border-radius:20px;padding:6px 14px;font-weight:900}.quiz-card h3{font-size:clamp(1.35rem,4vw,2rem);line-height:1.5;margin:5px 0 20px;min-height:3em}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{border:2px solid #d9cde4;background:#fffdf8;border-radius:16px;padding:15px 13px;text-align:left;font-weight:900;font-size:1.05rem;min-height:58px;transition:.15s}.answer:hover{border-color:var(--violet);background:#faf2ff;transform:translateY(-2px)}.answer .label{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--purple);color:#fff;margin-right:9px}.answer.correct{background:#daf7ec;border-color:var(--green)}.answer.wrong{background:#ffe1e7;border-color:var(--red)}
.hint-btn{margin-top:14px;border:0;background:#fff4c5;color:#6e5010;border-radius:13px;padding:10px 16px;font-weight:900}.hint-box{margin-top:10px;border-left:5px solid var(--gold);background:#fff9df;padding:11px 14px;font-weight:800}.game-host{margin:19px auto 0;box-shadow:none;background:#f2eafa}.memory-board{font-size:1.3rem;background:#f6effd;border-radius:15px;padding:15px;margin:-8px 0 17px;font-weight:900;letter-spacing:.08em}.match-equation{display:flex;align-items:center;justify-content:center;padding:18px 8px;background:linear-gradient(135deg,#241143,#4f176f);border:4px solid var(--gold);border-radius:18px;margin:-6px 0 10px;box-shadow:inset 0 0 24px #0008}.match-equation span{font-family:Georgia,serif;font-size:clamp(2.2rem,8vw,4.3rem);line-height:1;color:#ffbd58;text-shadow:0 0 2px #6d2600,2px 2px 0 #8f3c17,-2px -2px 0 #ffecae;letter-spacing:.06em}.match-note{display:block;color:#6b587a;font-size:.9rem;letter-spacing:0}
.match-workbench{background:linear-gradient(145deg,#1a0d35,#42145f);border:4px solid var(--gold);border-radius:20px;padding:17px 10px 13px;margin:-5px 0 14px;box-shadow:inset 0 0 30px #0008}.match-board{display:flex;justify-content:center;align-items:center;gap:clamp(4px,1.4vw,12px);min-height:132px;touch-action:none}.match-symbol{position:relative;width:clamp(48px,11vw,82px);height:118px;flex:none}.match-symbol.operator{width:clamp(36px,8vw,58px)}.match-symbol.equals{width:clamp(34px,7vw,52px)}.stick{position:absolute;border:0;padding:0;background:transparent;z-index:1}.stick::before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(90deg,#8b431d 0 5%,#e7aa54 15% 78%,#ffc875 90%);box-shadow:0 2px 4px #0008,inset 0 1px #ffe0a2}.stick::after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8669,#b61f24 70%);box-shadow:0 0 5px #ff5c43;right:-4px;top:50%;transform:translateY(-50%)}.stick.vertical::before{background:linear-gradient(#8b431d 0 5%,#e7aa54 15% 78%,#ffc875 90%)}.stick.vertical::after{right:auto;top:-4px;left:50%;transform:translateX(-50%)}.stick.empty{opacity:.08;z-index:0}.stick.empty::before{background:#fff}.stick.empty::after{display:none}.stick.empty.target{opacity:.28;outline:2px dashed var(--cyan);outline-offset:4px}.stick.selected{filter:drop-shadow(0 0 8px var(--cyan));transform:scale(1.08);z-index:4}.slot-a,.slot-d,.slot-g{width:43px;height:9px;left:19px}.slot-a{top:4px}.slot-g{top:54px}.slot-d{top:104px}.slot-b,.slot-c,.slot-e,.slot-f{width:9px;height:47px}.slot-b{right:5px;top:9px}.slot-c{right:5px;top:58px}.slot-f{left:5px;top:9px}.slot-e{left:5px;top:58px}.slot-h{width:44px;height:9px;left:5px;top:54px}.slot-v{width:9px;height:48px;left:23px;top:34px}.slot-h1,.slot-h2{width:42px;height:9px;left:5px}.slot-h1{top:42px}.slot-h2{top:70px}.match-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:8px}.match-controls p{margin:0;color:#fff2ba;font-size:.86rem;font-weight:800;letter-spacing:0}.match-reset{border:1px solid #ffffff66;background:#ffffff18;color:#fff;border-radius:12px;padding:8px 12px;font-weight:900}.match-board.shake{animation:shake .35s}.drag-ghost{position:fixed;width:55px;height:10px;border-radius:10px;background:linear-gradient(90deg,#8b431d,#e7aa54 20% 82%,#ffc875);pointer-events:none;z-index:100;box-shadow:0 4px 12px #0008;transform:translate(-50%,-50%)}.drag-ghost::after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#d83632;right:-4px;top:50%;transform:translateY(-50%)}
.feedback{position:fixed;z-index:20;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(calc(100% - 30px),520px);background:#fff;border:5px solid var(--gold);border-radius:28px;padding:24px;text-align:center;box-shadow:0 0 0 9999px #12092ccc,0 20px 70px #0008}.feedback-mark{width:88px;height:88px;margin:-65px auto 5px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:3.7rem;font-weight:950;border:6px solid #fff;box-shadow:0 5px 20px #0004}.feedback.wrong .feedback-mark{background:var(--red)}.feedback h2{font-size:2rem;margin:5px}.feedback p{line-height:1.6;font-weight:750}.points-pop{font-size:1.55rem;color:var(--purple);font-weight:950;margin:9px}
.primary-btn,.secondary-btn{width:100%;border:0;border-radius:16px;padding:14px;font-weight:950;font-size:1.05rem}.primary-btn{color:#fff;background:linear-gradient(90deg,var(--purple),var(--violet));box-shadow:0 6px 0 #431169}.secondary-btn{margin-top:10px;background:#eee7f3;color:#51425d}
.result-screen{text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 25%,#fff 0,#fff5d0 42%,#e9ddfa 100%)}.result-rays{position:absolute;inset:-50%;background:repeating-conic-gradient(#ffd95a33 0 12deg,transparent 12deg 24deg);animation:spin 28s linear infinite}.result-screen>*:not(.result-rays){position:relative}.result-crown{font-size:4.5rem}.result-kicker{font-weight:900;color:#766883;margin:0}.result-screen h2{font-size:2.3rem;color:var(--purple);margin:6px}.final-score strong{font-size:4.4rem;color:var(--orange);text-shadow:3px 3px #fff,5px 5px var(--gold)}.final-score span{font-weight:950}.rank-card{max-width:520px;margin:16px auto;background:#fff;border:3px solid var(--gold);border-radius:20px;padding:14px}.rank-card span{display:block;color:#766883;font-weight:800}.rank-card strong{display:block;font-size:1.65rem;color:var(--purple);margin:5px}.rank-card p{margin:5px;line-height:1.5}.result-stats{max-width:520px;margin:13px auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-stats div{background:#fff;border:1px solid #dfd5e8;border-radius:14px;padding:11px}.result-stats span{display:block;color:#786b84;font-weight:800}.result-stats b{font-size:1.3rem}.result-screen .primary-btn,.result-screen .secondary-btn{max-width:520px}
.name-workbench{background:linear-gradient(145deg,#f7edff,#fff9dc);border:3px solid #dcbaf2;border-radius:20px;padding:16px 10px;margin:-5px 0 15px}.name-guide{margin:0 0 10px;color:#6a5578;font-size:.9rem;font-weight:850;letter-spacing:0}.name-answer,.name-bank{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;min-height:56px}.name-answer{padding:8px;border-radius:14px;background:#fff;border:2px dashed #b997cf;margin-bottom:13px}.letter-tile{width:46px;height:46px;border:0;border-radius:11px;font-size:1.35rem;font-weight:950;display:grid;place-items:center;box-shadow:0 4px 0 #8d5b21}.name-bank .letter-tile{background:linear-gradient(#ffd97c,#efa83e);color:#4b2804}.name-answer .letter-tile{background:linear-gradient(#a945d3,#6924a0);color:#fff;box-shadow:0 4px 0 #421265}.name-answer .empty-letter{width:46px;height:46px;border-radius:11px;background:#f0e8f4;border:2px solid #ded0e8}.name-workbench.shake{animation:shake .35s}.kana-workbench{background:linear-gradient(145deg,#eefcff,#f8efff);border:3px solid #8ddbd7;border-radius:20px;padding:15px 10px;margin:-5px 0 15px}.kana-words{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:13px}.kana-word{background:#fff;border:2px solid #c9b1de;border-radius:13px;padding:9px 13px;font-size:1.45rem;font-weight:950;color:#4f1a73}.kana-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;direction:rtl}.kana-key{direction:ltr;min-width:0;height:39px;border:0;border-radius:9px;background:#fff;color:#342044;font-weight:900;font-size:1rem;box-shadow:0 3px 0 #bca9c9}.kana-key:hover{background:#fff5be}.kana-key.wrong-key{background:#ffdce4;color:#a62440;box-shadow:none}.kana-workbench.shake{animation:shake .35s}.shiritori-workbench{background:linear-gradient(145deg,#e5fbf8,#fff4d7);border:3px solid #45c8bc;border-radius:20px;padding:14px 9px;margin:-5px 0 15px}.shiritori-answer,.shiritori-bank{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px;min-height:86px}.shiritori-answer{border:2px dashed #45a99f;background:#ffffffaa;border-radius:15px;padding:8px;margin-bottom:12px}.shiritori-answer i{font-style:normal;font-weight:950;color:#78508e}.picture-card{width:82px;min-height:76px;border:0;border-radius:14px;background:#fff;color:#38254a;box-shadow:0 4px 0 #b8a7c4;padding:6px 3px;font-weight:900}.picture-card .emoji{display:block;font-size:3rem;line-height:1.1}.shiritori-answer .picture-card{background:linear-gradient(#7042ad,#4d247a);color:#fff;box-shadow:0 4px 0 #30134f}.picture-empty{width:82px;min-height:76px;border-radius:14px;background:#e9e2e9;border:2px dashed #bfafc7;display:grid;place-items:center;font-weight:950}.shiritori-workbench.shake{animation:shake .35s}@media(max-width:620px){.kana-grid{grid-template-columns:repeat(10,1fr);gap:3px}.kana-key{height:34px;font-size:.86rem;border-radius:7px}.kana-word{font-size:1.22rem;padding:7px 10px}.shiritori-answer{flex-wrap:nowrap;gap:3px;padding:6px 3px}.picture-card,.picture-empty{width:58px;min-height:68px}.picture-card .emoji{font-size:2.4rem}}
.kana-table{display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:5px}.kana-column{display:flex;flex-direction:column;gap:5px;min-width:0}.kana-column .kana-key{width:39px}.kana-subtitle{margin:14px 0 7px;color:#5d4770;font-size:.9rem;font-weight:950}.kana-voiced{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;direction:rtl}.kana-voiced .kana-key{direction:ltr}.shiritori-scroll{overflow-x:auto;padding-bottom:5px}.shiritori-scroll .shiritori-answer{width:max-content;min-width:100%;flex-wrap:nowrap}.shiritori-scroll .picture-card,.shiritori-scroll .picture-empty{flex:none}.dice-workbench{background:linear-gradient(145deg,#eaf8ff,#f5eeff);border:3px solid #63b8dd;border-radius:20px;padding:14px 10px;margin:-5px 0 14px}.dice-rule{display:block;text-align:center;background:#fff;border-radius:15px;padding:10px}.dice-rule b,.dice-rule small{display:block}.dice-rule b{color:#472064;font-size:1.05rem}.dice-rule small{color:#64546d;line-height:1.5;margin-top:3px}.dice-board-scroll{overflow:auto;margin-top:12px;padding:12px;background:#dff5e8;border-radius:16px}.dice-grid-board{position:relative;margin:auto;background-color:#fff;background-image:linear-gradient(#9bc9b0 2px,transparent 2px),linear-gradient(90deg,#9bc9b0 2px,transparent 2px);background-size:64px 64px;border-right:2px solid #9bc9b0;border-bottom:2px solid #9bc9b0;box-shadow:0 4px 13px #35624733}.dice-grid-cell{position:absolute;width:64px;height:64px;display:grid;place-items:center}.dice-grid-cell.path{background:#fff8c9cc;color:#4a2168}.dice-grid-cell.path small{position:absolute;left:5px;top:3px;font-size:.66rem;color:#74647c}.dice-grid-cell.path span{font-size:2rem;font-weight:950}.dice-grid-cell.goal{background:#e23b54;color:#fff;border:4px solid #a61731;box-shadow:inset 0 0 0 3px #ff8797}.dice-grid-cell.goal b{font-size:.65rem;position:absolute;top:3px}.dice-grid-cell.goal span{font-size:2rem;font-weight:950}.dice-grid-cell.start{z-index:3;overflow:visible}.dice-illustration{width:58px;height:62px;filter:drop-shadow(0 5px 3px #17362355);transform:translateY(-4px)}.start-label{position:absolute;left:2px;bottom:1px;background:#391456;color:#fff;border-radius:8px;padding:2px 5px;font-size:.62rem}.path-direction{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffd95a;color:#451660;font-size:1.25rem;font-weight:950;box-shadow:0 2px 0 #a87518}.dice-answer .dice-pip{font-size:2rem;margin-right:8px;vertical-align:middle}@media(max-width:620px){.kana-table{gap:2px}.kana-column{gap:3px}.kana-column .kana-key{width:29px;height:32px;font-size:.8rem}.kana-voiced{grid-template-columns:repeat(10,1fr);gap:3px}.kana-voiced .kana-key{height:32px;font-size:.8rem}.dice-board-scroll{padding:8px}.dice-grid-board{transform-origin:top left}}
dialog{width:min(calc(100% - 28px),600px);border:4px solid var(--gold);border-radius:24px;padding:22px;color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#100628cc}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.dialog-head button{border:0;background:#eee6f2;border-radius:50%;width:40px;height:40px;font-size:1.4rem}.rules{padding:0;display:grid;gap:10px;counter-reset:item}.rules li{list-style:none;background:#f5eff9;border-radius:14px;padding:12px;text-align:left}.rules b,.rules span{display:block}.rules span{margin-top:3px;color:#6f6179;line-height:1.45}.memory-dialog{text-align:center}.memory-dialog>p{font-weight:950;font-size:1.35rem}.memory-countdown{width:54px;height:54px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;margin:0 auto 15px;font-size:1.5rem;font-weight:950}.memory-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.memory-items span{background:#f1e8fb;border-radius:14px;padding:15px 5px;font-size:1.1rem;font-weight:900}.wager-dialog{text-align:center}.wager-icon{font-size:3rem}.wager-dialog h2{margin:3px;color:var(--purple)}.wager-dialog p{font-weight:800;line-height:1.55}.wager-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wager-options button{border:2px solid #d9cae5;border-radius:15px;padding:12px 5px;background:#fff;font-weight:800}.wager-options button:hover{border-color:var(--orange);background:#fff5da}.wager-options b{font-size:1.2rem;color:var(--purple)}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:18px;animation:fall 2.4s linear forwards}
@keyframes blink{to{opacity:.3;transform:scale(.7)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(720deg)}}@keyframes shake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}
@media(max-width:620px){body{padding:0}.stage-shell{min-height:100dvh;border-width:0;border-radius:0;box-shadow:none}.topbar{height:64px;padding:8px 13px}.brand strong{font-size:1rem}.brain{width:40px;height:40px}.screen{min-height:calc(100dvh - 64px);padding:15px}.show-logo{margin-top:28px}.show-logo h1{font-size:3.6rem}.mode-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.mode-card{padding:14px}.scoreboard strong{font-size:1.2rem}.score-main strong{font-size:1.45rem}.stage-title-row h2{font-size:1.35rem}.stage-badge{width:48px;height:48px}.home-btn{padding:9px;font-size:.85rem}.quiz-card{padding:16px}.quiz-card h3{font-size:1.3rem}.answers{grid-template-columns:1fr}.answer{padding:12px;min-height:52px}.host-line{font-size:.92rem}.memory-items{grid-template-columns:repeat(2,1fr)}.match-symbol{width:51px;height:100px}.match-symbol.operator{width:34px}.slot-a,.slot-d,.slot-g{width:34px;height:8px;left:13px}.slot-a{top:4px}.slot-g{top:46px}.slot-d{top:88px}.slot-b,.slot-c,.slot-e,.slot-f{width:8px;height:39px}.slot-b{right:4px;top:9px}.slot-c{right:4px;top:50px}.slot-f{left:4px;top:9px}.slot-e{left:4px;top:50px}.slot-h{width:32px;height:8px;left:1px;top:46px}.slot-v{width:8px;height:40px;left:14px;top:29px}.slot-h1,.slot-h2{width:31px;height:8px;left:1px}.slot-h1{top:35px}.slot-h2{top:60px}.stick::after{width:12px;height:12px}.match-board{min-height:105px;gap:3px}.match-workbench{padding-inline:4px}}
@media(max-height:720px) and (min-width:621px){.screen{min-height:610px;padding:15px}.show-logo h1{font-size:4.4rem}.show-logo{margin-top:10px}.mode-grid{margin:13px 0}.quiz-card{padding:16px}.quiz-card h3{margin-bottom:12px}.game-host{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}