:root{--night: #140d33;--night-2: #25175c;--violet: #4b2a8c;--gold: #ffd166;--gold-2: #ffb938;--pink: #ff7eb6;--teal: #5ce1e6;--green: #2ee59d;--orange: #ff9f43;--red: #ff5d73;--ink: #ffffff;--muted: #c9c2ef;--card: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .16);--radius: 22px;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(120% 90% at 50% 110%,#7a3fa0 0%,var(--violet) 25%,var(--night-2) 55%,var(--night) 100%) fixed;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}.app{position:relative;min-height:100%;display:flex;flex-direction:column}.screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));gap:16px;width:100%;max-width:720px;margin:0 auto}.screen.center{justify-content:center;text-align:center}.full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;max-width:none;padding:0}h1,h2,h3{margin:0;line-height:1.1}.title{font-size:clamp(2.4rem,11vw,4.2rem);font-weight:900;text-align:center;letter-spacing:.5px;background:linear-gradient(180deg,#fff6c9,var(--gold) 55%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35)) drop-shadow(0 0 18px rgba(255,209,102,.35))}.subtitle{color:var(--muted);text-align:center;font-size:1.05rem;margin:0}.h2{font-size:1.7rem;font-weight:900;text-align:center}.muted{color:var(--muted)}.small{font-size:.9rem}.card{width:100%;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn{border:0;border-radius:999px;padding:16px 26px;font-weight:900;font-size:1.2rem;background:linear-gradient(180deg,#fff1b8,var(--gold) 45%,var(--gold-2));color:#3a1f00;box-shadow:0 6px #b9761a,0 10px 24px #00000059;transition:transform .08s,box-shadow .08s;min-height:56px}.btn:active{transform:translateY(4px);box-shadow:0 2px #b9761a,0 4px 10px #0000004d}.btn:disabled{opacity:.45}.btn.wide{width:100%}.btn.secondary{background:linear-gradient(180deg,#8f7bff,#5b3fd6);color:#fff;box-shadow:0 6px #34208f,0 10px 24px #00000059}.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border:2px solid var(--card-border)}.btn.small{padding:10px 16px;font-size:1rem;min-height:44px}.btn.pink{background:linear-gradient(180deg,#ffc1dc,var(--pink));color:#4a0a2a;box-shadow:0 6px #c2407e,0 10px 24px #00000059}.row{display:flex;gap:12px;align-items:center;width:100%}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}.stack{display:flex;flex-direction:column;gap:12px;width:100%}.spacer{flex:1}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:twinkle 3s infinite ease-in-out}.star.big:before,.star.big:after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}.star.big:before{width:1px;height:12px}.star.big:after{width:12px;height:1px}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.castle{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(560px,110vw);opacity:.55;z-index:0;pointer-events:none}.avatar{border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--pink),var(--violet));border:4px solid var(--gold);box-shadow:0 0 0 4px #ffd16640,0 8px 24px #0006;display:grid;place-items:center;font-weight:900;color:#fff;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.player-row{display:flex;align-items:center;gap:12px}.name-input{flex:1;min-width:0;font-size:1.3rem;font-weight:800;padding:12px 14px;border-radius:14px;border:2px solid var(--card-border);background:#00000040;color:#fff;outline:none}.name-input:focus{border-color:var(--gold)}.icon-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--card-border);background:#0003;font-size:1.3rem;flex:none}.chip{border:2px solid var(--card-border);background:#00000040;border-radius:18px;padding:14px;font-weight:800;font-size:1.05rem;display:flex;align-items:center;gap:10px;text-align:left;min-height:60px}.chip .emoji{font-size:1.6rem}.chip.on{border-color:var(--gold);background:#ffd1662e;box-shadow:0 0 18px #ffd16640}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.seg{justify-content:center;text-align:center;flex-direction:column;gap:2px}.seg small{font-weight:600;color:var(--muted);font-size:.8rem}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-weight:700}.switch{width:58px;height:34px;border-radius:999px;background:#fff3;border:0;position:relative;flex:none}.switch:after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s}.switch.on{background:var(--green)}.switch.on:after{left:28px}.avatar-card{display:flex;align-items:center;gap:14px}.avatar-card .info{flex:1;min-width:0}.avatar-card .name{font-size:1.3rem;font-weight:900}.file-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:800}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.25);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.intro{background:radial-gradient(circle at 50% 40%,#5b3fd6,var(--night) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6vmin;text-align:center;padding:12px}.intro .who{font-size:clamp(2rem,11vmin,6rem);font-weight:900;color:var(--gold);text-shadow:0 4px 0 rgba(0,0,0,.4)}.intro .how{font-size:clamp(1rem,4.2vmin,2rem);font-weight:800;max-width:34ch}.countdown{font-size:clamp(6rem,45vmin,22rem);font-weight:900;color:#fff;line-height:1;animation:pop 1s ease-out infinite;text-shadow:0 0 40px rgba(255,209,102,.8)}@keyframes pop{0%{transform:scale(1.6);opacity:0}20%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.85}}.flash-in{animation:flashin .6s ease-out}@keyframes flashin{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.round{background:#0d0826;display:flex;flex-direction:column;align-items:stretch;touch-action:none}.round-top{display:flex;align-items:center;gap:12px;padding:max(10px,env(safe-area-inset-top)) 16px 6px;font-weight:900;font-size:clamp(1.1rem,5vmin,2rem)}.timer-bar{position:absolute;left:0;top:0;height:8px;background:var(--gold);transition:width .2s linear}.timer-bar.low{background:var(--red)}.clock{font-variant-numeric:tabular-nums;min-width:3ch}.clock.low{color:var(--red);animation:pulse .5s infinite alternate}@keyframes pulse{to{transform:scale(1.15)}}.round-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 5vw;gap:1.5vmin}.item-cat{font-size:clamp(.9rem,4vmin,1.6rem);font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:2px}.item-name{font-weight:900;line-height:1.02;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.5);word-break:break-word}.round-hint{font-size:clamp(.8rem,3.4vmin,1.2rem);color:var(--muted);font-weight:700;padding:0 16px 10px;text-align:center}.pass-btn{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));border:3px solid var(--orange);background:#ff9f4326;color:var(--orange);border-radius:999px;padding:14px 24px;font-weight:900;font-size:clamp(1rem,4.5vmin,1.6rem);z-index:3}.menu-btn{border:2px solid var(--card-border);background:#ffffff14;border-radius:50%;width:44px;height:44px;font-size:1.1rem;flex:none}.feedback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(3rem,20vmin,10rem);font-weight:900;z-index:4;pointer-events:none;animation:fb .7s ease-out forwards}.feedback.correct{background:#2ee59deb;color:#06301f}.feedback.pass{background:#ff9f43eb;color:#3b1d00}@keyframes fb{0%{opacity:0;transform:scale(1.1)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}.rotate-hint{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#ffd166f2;color:#3a1f00;padding:8px 16px;border-radius:999px;font-weight:900;z-index:3;white-space:nowrap;font-size:.95rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080418e0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.overlay .card{max-width:420px}.reveal-item{font-size:clamp(2rem,10vmin,4rem);font-weight:900;color:var(--gold);text-align:center}.fact{font-size:clamp(1.05rem,4vmin,1.4rem);line-height:1.35;text-align:center}.fact-img{flex:none;width:110px;height:110px;object-fit:cover;border-radius:18px;border:3px solid var(--gold);background:#ffffff1a}.result-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:100%}.result-list li{display:flex;gap:10px;align-items:center;font-weight:800;font-size:1.1rem;background:#0003;border-radius:12px;padding:8px 12px}.turnend-grid{display:grid;gap:12px;width:100%;max-width:560px}.ok{color:var(--green)}.no{color:var(--orange)}.big-score{font-size:clamp(3rem,18vmin,7rem);font-weight:900;color:var(--gold);line-height:1}.wobble{animation:wobble 1.6s ease-in-out infinite;display:inline-block}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.shooting{font-size:3.5rem;animation:shoot 2.2s ease-in-out infinite;display:inline-block}@keyframes shoot{0%{transform:translate(-40px,20px) rotate(-20deg);opacity:0}30%{opacity:1}to{transform:translate(40px,-20px) rotate(-20deg);opacity:0}}.podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;width:100%;margin-top:8px}.podium .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:200px}.podium .block{width:100%;border-radius:16px 16px 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10px;font-weight:900;font-size:2rem;color:#0009}.block.gold{background:linear-gradient(180deg,#fff3b0,#f5b301);height:140px}.block.silver{background:linear-gradient(180deg,#fff,#aeb6c2);height:105px}.block.bronze{background:linear-gradient(180deg,#ffd3a8,#c67a3a);height:80px}.podium .pname{font-weight:900;font-size:1.1rem;text-align:center}.podium .pscore{font-size:.9rem;color:var(--muted);font-weight:700;text-align:center}.avatars-stack{display:flex;justify-content:center}.avatars-stack>*+*{margin-left:-14px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}.table{width:100%;border-collapse:collapse;font-weight:700}.table td{padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.recap-card{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.recap-card .label{font-size:.85rem;letter-spacing:2px;text-transform:uppercase;color:var(--teal);font-weight:900}.recap-card .what{font-size:1.8rem;font-weight:900;color:var(--gold)}.install{border:2px dashed var(--gold)}.footer-note{font-size:.8rem;color:var(--muted);text-align:center;max-width:40ch}@media (orientation: landscape) and (max-height: 520px){.screen{gap:10px;padding-top:12px}.block.gold{height:90px}.block.silver{height:66px}.block.bronze{height:50px}.castle{opacity:.3}.intro .btn{min-height:48px;padding:10px 22px}.reveal-item{font-size:2.2rem}.fact-img{width:76px;height:76px}.h2{font-size:1.4rem}.big-score{font-size:3.2rem}.shooting{font-size:2.2rem}.turnend-grid{grid-template-columns:1fr 1fr;max-width:860px}.result-list li{padding:5px 10px;font-size:1rem}.screen.center{justify-content:flex-start}}.candid{margin:0;background:#fffdf5;padding:8px 8px 6px;border-radius:6px;box-shadow:0 8px 22px #00000073;display:inline-flex;flex-direction:column;align-items:center;gap:4px;flex:none}.candid img{display:block;max-width:min(260px,70vw);max-height:30vh;width:auto;height:auto;border-radius:3px;background:#222}.candid figcaption{color:#3a1f00;font-weight:900;font-size:.9rem;text-align:center}.candid.small img{max-width:100%;max-height:150px}.candid.small figcaption{font-size:.85rem}.candid-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px;width:100%;justify-items:center;padding:6px 2px}.candid-gallery .candid{width:100%}@media (orientation: landscape) and (max-height: 520px){.candid img{max-height:24vh;max-width:200px}.candid{padding:6px 6px 4px}.candid figcaption{font-size:.8rem}.candid-gallery .candid img{max-height:40vh}}