@font-face{font-family:Pop Quiz UI;font-style:normal;font-weight:400 800;src:local(Poppins)}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--blue:#2241d5;--blue-deep:#0a1a44;--panel:#fff;--ink:#111827;--quiz-navy:#0c3980;--lime:#a4d33e;--gold:#f7c948;--danger:#ef4444;--success:#22c55e;font-family:Pop Quiz UI,Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--blue);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.app-shell{background-color:#0000;background-image:linear-gradient(#2546dce0,#061440f5),url(/image/tile-sheet0.png);background-position:0 0,0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;position:relative;overflow-x:hidden}.app-shell:after{content:"";pointer-events:none;background:linear-gradient(#08184a00,#041238e0);height:34vh;position:fixed;inset:auto 0 0}.start-screen,.game-screen,.result-screen{z-index:1;max-width:1140px;min-height:100vh;margin:0 auto;padding:28px 18px;position:relative}.start-screen{flex-direction:column;display:flex}.menu-controls{justify-content:center;align-items:center;gap:18px;min-height:88px;display:flex}.round-icon-button{color:#fff;cursor:pointer;border:4px solid #a3f7c3c2;border-radius:999px;justify-content:center;align-items:center;width:74px;height:74px;padding:0;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:0 9px #0a4e374d,0 14px 26px #00000038}.round-icon-button.green{background:#18b94f}.round-icon-button.blue{background:#132268;border-color:#ffffff5c;width:50px;height:50px}.round-icon-button svg{width:31px;height:31px}.round-icon-button.blue svg{width:23px;height:23px}.round-icon-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.round-icon-button:active{transform:translateY(4px);box-shadow:0 4px #0a4e3759,0 8px 18px #0003}.title-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:12vh;display:flex}.title-stage h1{color:#a99656;filter:drop-shadow(0 12px #141a523d);letter-spacing:0;opacity:.96;margin:28px 0 18px;font-size:clamp(68px,10vw,142px);font-weight:900;line-height:.9;animation:.55s both title-drop}.title-underline{background:linear-gradient(90deg,#0000,#c6ad43,#efd955,#0000);border-radius:999px;width:min(280px,42vw);height:10px;margin-bottom:46px;animation:1.8s ease-in-out infinite shine;display:block}.play-button,.retry-button{color:#fff;cursor:pointer;background:linear-gradient(140deg,#9ad936,#35bcd1);border:7px solid #ffd72b;border-radius:999px;justify-content:center;align-items:center;width:192px;height:192px;padding:0;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 8px #0c4a8c,0 22px 35px #00000047}.play-button svg,.retry-button svg{width:56px;height:56px;transform:translate(5px)}.play-button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.7}.play-button:not(:disabled):hover,.retry-button:hover{transform:scale(1.04)}.play-button:not(:disabled):active,.retry-button:active{transform:translateY(5px);box-shadow:0 3px #0c4a8c,0 10px 22px #0003}.start-cost{color:#fff7c2;background:#0c184ab8;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:7px;margin-top:18px;padding:8px 15px;font-weight:900;display:inline-flex}.start-cost img{width:25px;height:25px}.coin-badge{color:#fff;background:#0a194fe6;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:10px;min-height:58px;padding:8px 22px;font-size:22px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #00000038}.coin-badge img{width:34px;height:34px}.game-hud{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 16px;display:flex}.hud-actions{align-items:center;gap:12px;display:flex}.status-row{grid-template-columns:minmax(0,1fr) 384px;gap:24px;max-width:1100px;margin:0 auto 30px;display:grid}.timer-panel,.lives-panel{color:#5d6980;background:#b1c1f6d6;border:1px solid #ffffff8f;border-radius:22px;box-shadow:inset 0 1px #ffffff3d,0 14px 28px #0003}.timer-panel{min-height:152px;padding:26px 26px 24px}.timer-panel.is-frozen{box-shadow:0 0 0 4px #67e8f9cc,0 14px 28px #0003}.timer-copy{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.timer-copy span{font-size:22px;font-weight:800}.timer-copy strong{color:#169bcb;font-size:56px;font-weight:900;line-height:.9}.timer-track{background:#e1edffd1;border-radius:999px;height:24px;overflow:hidden}.timer-track span{border-radius:inherit;background:linear-gradient(90deg,#9cdc36,#31c96e,#f5ce18);height:100%;transition:width .25s;display:block}.lives-panel{justify-content:center;align-items:center;gap:26px;min-height:152px;padding:22px;display:flex}.lives-label{font-size:22px;font-weight:600}.hearts{gap:18px;display:flex}.hearts span{color:#ff3e3e;filter:drop-shadow(0 10px 13px #ff2a2a38);font-size:76px;line-height:.8;display:inline-flex}.hearts .lost{color:#94a3b894}.hearts .break{animation:.8s ease-out both heart-break}.question-panel{color:#172554;background:#fee9b8;border-radius:34px 34px 0 0;max-width:1100px;min-height:610px;margin:0 auto;padding:38px 24px 30px;animation:.42s both panel-rise;box-shadow:0 18px 34px #00000038}.question-meta{display:none}.question-bubble{color:#fff;background:#c96d1b;border-radius:22px;max-width:1004px;min-height:108px;margin:0 auto 36px;padding:22px 36px;position:relative;box-shadow:0 7px #975515}.question-bubble:after{content:"";border-top:16px solid #975515;border-left:16px solid #0000;border-right:16px solid #0000;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.question-bubble h1{text-align:center;justify-content:center;align-items:center;min-height:64px;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.25;display:flex}.type-caret{background:currentColor;width:3px;height:1.1em;margin-left:4px;animation:.85s steps(2,start) infinite blink;display:inline-block}.answers-grid{grid-template-columns:1fr;gap:24px;max-width:1056px;margin:0 auto;display:grid}.answer-button{color:#fff;cursor:pointer;text-align:left;background:#2846dd;border:0;border-radius:999px;grid-template-columns:48px 1fr;align-items:center;gap:18px;min-height:84px;padding:12px 24px;transition:transform .16s,filter .16s,box-shadow .16s;display:grid;box-shadow:0 10px #102c9b}.answer-button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-2px)}.answer-button:not(:disabled):active{transform:translateY(6px);box-shadow:0 4px #102c9b}.answer-button:disabled:not(.selected){cursor:default;opacity:.38}.answer-button span{background:#7b99ff8c;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;font-weight:900;display:flex}.answer-button strong{font-size:clamp(22px,2.3vw,31px);font-weight:800;line-height:1.15}.answer-button.selected{outline:5px solid #ffda22}.answer-button.success{background:#20b957;box-shadow:0 10px #0f7634}.answer-button.error{background:#e53935;animation:.35s both shake;box-shadow:0 10px #98201f}.assist-row{flex-wrap:wrap;justify-content:center;gap:22px;max-width:700px;margin:28px auto 0;display:flex}.assist-wrap{position:relative}.assist-button{color:#fff;cursor:pointer;background:#16b852;border:4px solid #aeffccd1;border-radius:999px;justify-content:center;align-items:center;min-width:66px;height:66px;padding:0 18px;font-size:22px;font-weight:900;transition:transform .16s;display:flex;box-shadow:0 9px #08763b,0 16px 24px #00000038}.assist-button svg{width:28px;height:28px}.assist-button:disabled{cursor:not-allowed;opacity:.55}.assist-button:not(:disabled):hover{transform:translateY(-2px)}.assist-marker{color:#fff;white-space:nowrap;background:#000000a3;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:3px;min-height:22px;padding:2px 8px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.assist-marker img{width:13px;height:13px}.result-screen{justify-content:center;align-items:center;display:flex}.result-panel{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.result-banner{color:#fff;text-shadow:0 4px #0000002e;background:linear-gradient(135deg,#a91316,#f53838);border:1px solid #ffffffdb;border-radius:34px;width:min(92vw,790px);max-width:790px;margin-bottom:36px;padding:30px 56px;font-size:clamp(42px,5vw,78px);font-weight:900;line-height:1;box-shadow:0 16px 28px #0000003d}.result-banner.win{background:linear-gradient(135deg,#16a34a,#40d467)}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(90vw,770px);max-width:770px;margin-bottom:38px;display:grid}.result-stats div{color:#7c2d12;text-transform:uppercase;background:linear-gradient(160deg,#fff0a9,#fff8dc);border-radius:16px;flex-direction:column;justify-content:center;gap:8px;min-height:176px;padding:22px;display:flex;box-shadow:0 15px 28px #0003}.result-stats strong{font-size:25px;font-weight:900}.result-stats span{font-size:62px;font-weight:900;line-height:1}.retry-button{background:#22c55e;border-color:#99f6c6;width:142px;height:142px;box-shadow:0 0 24px #86efacb8,0 8px #08763b}.retry-button svg{width:42px;height:42px;transform:none}.ticket-result-message{color:#fff8dc;letter-spacing:.04em;text-shadow:0 2px 8px #00000059;text-transform:uppercase;margin:-12px 0 28px;font-size:clamp(18px,2.4vw,28px);font-weight:800}.modal-backdrop{z-index:20;background:#0000007a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.how-modal{color:#1f2937;background:#faf8dce6;border:1px solid #facc15;border-radius:22px;width:min(90vw,768px);max-width:768px;max-height:min(74vh,700px);padding:32px 36px 28px;position:relative;overflow-y:auto;box-shadow:0 28px 70px #00000059}.how-modal h2{margin:0 0 6px;font-size:29px;font-weight:900}.how-modal p{color:#64748b;margin:0 42px 26px 0;font-size:24px;line-height:1.25}.modal-close{color:#1f2937;cursor:pointer;background:0 0;border:0;padding:5px;position:absolute;top:28px;right:28px}.modal-close svg{width:32px;height:32px}.how-list{gap:18px;display:grid}.how-row{color:#7c3f13;background:#fff8b7a3;border:2px solid #facc15;border-radius:22px;grid-template-columns:60px 1fr;align-items:center;gap:18px;min-height:108px;padding:18px;display:grid}.how-icon{color:#7c3f13;background:#ffd51d;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.how-icon svg{width:33px;height:33px}.how-row strong,.how-row small{display:block}.how-row strong{margin-bottom:8px;font-size:22px;font-weight:900}.how-row small{font-size:22px;line-height:1.2}.start-message,.toast-message{color:#fff;background:#00000080;border:1px solid #ffffff3d;border-radius:999px;margin:18px 0 0;padding:8px 14px;font-size:14px;font-weight:800}.start-message.error,.toast-message{background:#7f1d1dc2}.loading-quiz{color:#ffffffd1;text-align:center;padding:48px;font-size:15px;font-weight:800}@keyframes title-drop{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:.96;transform:translateY(0)scale(1)}}@keyframes shine{0%,to{opacity:.55;transform:scaleX(.78)}50%{opacity:1;transform:scaleX(1)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes heart-break{0%{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.65;transform:scale(1.35)rotate(15deg)translateY(-10px)}to{opacity:0;transform:scale(.35)rotate(30deg)translateY(18px)}}@media (width<=900px){.status-row{grid-template-columns:1fr}.lives-panel,.timer-panel{min-height:118px}.question-panel{border-radius:26px 26px 0 0;min-height:560px}}@media (width<=640px){.start-screen,.game-screen,.result-screen{padding:16px 12px}.menu-controls{min-height:74px}.round-icon-button{width:58px;height:58px}.title-stage{padding-bottom:8vh}.play-button{width:148px;height:148px}.coin-badge{min-height:44px;padding:6px 12px;font-size:16px}.coin-badge img{width:24px;height:24px}.timer-copy strong{font-size:40px}.hearts span{font-size:44px}.lives-panel{gap:14px}.question-panel{padding:24px 14px}.question-bubble{padding:18px}.answer-button{min-height:68px}.result-stats{grid-template-columns:1fr}.how-modal{padding:26px 20px}.how-modal p,.how-row small{font-size:18px}}