:root{--bg: #070914;--ink: #fff8ea;--muted: #b7adca;--line: rgba(255, 255, 255, .14);--card: rgba(17, 20, 42, .74);--green: #35d48b;--red: #ff6868;--yellow: #f2c84b;--blue: #6ea4ff;--pink: #ff5ca8;--orange: #ff9f43;--shadow: 0 28px 86px rgba(0, 0, 0, .34);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes pageGlow{0%{background-position:0% 50%,100% 50%,0 0}50%{background-position:100% 50%,0% 50%,0 0}to{background-position:0% 50%,100% 50%,0 0}}@keyframes riseIn{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(18px) scale(.92) rotate(-1deg)}70%{opacity:1;transform:translateY(-3px) scale(1.02) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes pulseRing{0%{box-shadow:0 0 #e84d8a3d}70%{box-shadow:0 0 0 12px #e84d8a00}to{box-shadow:0 0 #e84d8a00}}@keyframes slideToast{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@keyframes floatTiny{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes wag{0%,to{transform:rotate(-18deg)}50%{transform:rotate(24deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100%;color:var(--ink);background:radial-gradient(circle at 18% 18%,rgba(255,92,168,.32),transparent 34%),radial-gradient(circle at 84% 16%,rgba(53,212,139,.22),transparent 30%),radial-gradient(circle at 50% 90%,rgba(110,164,255,.28),transparent 38%),linear-gradient(135deg,#070914,#151226 45%,#0b1a24),var(--bg);background-size:150% 150%,160% 160%,150% 150%,auto,auto;animation:pageGlow 14s ease-in-out infinite;overflow-x:hidden}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:999px;opacity:.55}body:before{width:420px;height:420px;left:-170px;bottom:-160px;background:radial-gradient(circle,rgba(242,200,75,.18),transparent 68%)}body:after{width:360px;height:360px;right:-140px;top:110px;background:radial-gradient(circle,rgba(255,92,168,.16),transparent 66%)}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}button:active{transform:translateY(1px) scale(.98)}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.shell,.gameShell{min-height:100vh;min-height:100svh;padding:28px;padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right));padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.creatorCredit{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));z-index:3;color:#fff8ea85;font-size:12px;font-weight:800;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none}.cursorGlow{position:fixed;left:0;top:0;z-index:0;width:340px;height:340px;border-radius:50%;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,255,228,.16) 0%,rgba(255,92,168,.09) 18%,rgba(110,164,255,.05) 38%,transparent 70%);filter:blur(7px);transition:opacity .22s ease;will-change:transform}.cursorGlow.is-active{opacity:.62}.dogMascot{--look-x: 0px;--look-y: 0px;position:fixed;right:clamp(12px,3.5vw,42px);bottom:clamp(12px,4vw,34px);z-index:2;width:clamp(150px,16vw,220px);aspect-ratio:260 / 190;pointer-events:none;filter:drop-shadow(0 18px 26px rgba(53,42,31,.2));animation:floatTiny 3.6s ease-in-out infinite}.corgiSvg{width:100%;height:100%;overflow:visible}.corgiSvg *{vector-effect:non-scaling-stroke}.dogGround{fill:none;stroke:#211f1a;stroke-width:5;stroke-linecap:round}.dogBodySvg,.dogHeadSvg,.dogEarSvg,.dogTailSvg{fill:#f5a23a;stroke:#111;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.dogTailSvg{fill:none;transform-origin:213px 102px;animation:wag .68s ease-in-out infinite}.dogBellySvg,.dogChestSvg,.dogMuzzleSvg,.dogEyeWhite{fill:#fffdf8;stroke:#111;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.dogInnerEar,.dogTongueSvg{fill:#f47c91;stroke:#111;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.dogLeg{fill:#f5a23a;stroke:#111;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.dogLeg.front{fill:#fffdf8}.dogNoseSvg,.dogPupil{fill:#111}.dogPupil{transform:translate(var(--look-x),var(--look-y));transition:transform 80ms linear;transform-box:fill-box;transform-origin:center}.dogEyeSpark{fill:#fff;pointer-events:none}.dogSmileSvg,.dogMouthLine{fill:none;stroke:#111;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.dogMascot.is-looking .dogTongueSvg{transform:translateY(2px);transform-origin:center}.hero{max-width:1160px;min-height:calc(100vh - 56px);margin:0 auto;display:flex;flex-direction:column;animation:riseIn .52s ease both;position:relative;z-index:1}.heroTop,.topbar,.scoreboard,.roundLine{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand,.pill,.roomCode,.iconButton{display:inline-flex;align-items:center;gap:9px}.brand{color:var(--ink);font-weight:950;font-size:20px;letter-spacing:0;background:#fff8ea1a;border:1px solid var(--line);border-radius:999px;padding:10px 14px;box-shadow:0 10px 30px #0003;animation:pulseRing 2.8s ease-in-out infinite}.pill,.roomCode{background:#fff8ea14;border:1px solid var(--line);border-radius:999px;padding:10px 13px;color:var(--muted)}.heroGrid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:34px;align-items:center;padding:34px 0}.intro{animation:riseIn .68s 80ms ease both}.introBadge{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;background:linear-gradient(135deg,var(--yellow),var(--orange));color:#17100c;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.intro h1{max-width:780px;font-size:clamp(58px,10vw,132px);line-height:.86;margin:0 0 24px;letter-spacing:0}.intro p{max-width:650px;color:var(--muted);font-size:clamp(18px,2.2vw,26px);font-weight:800;line-height:1.35}.funStack{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.funStack span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14;color:var(--ink);font-size:14px;font-weight:900;box-shadow:0 10px 26px #0000002e;animation:riseIn .48s ease both}.funStack span:nth-child(2){animation-delay:90ms}.funStack span:nth-child(3){animation-delay:.18s}.panel,.questionBox,.reveal,.finalBox{background:linear-gradient(180deg,#181b36db,#0d1022c7),radial-gradient(circle at top right,rgba(255,92,168,.2),transparent 42%);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{padding:22px;animation:popIn .72s .18s cubic-bezier(.2,.9,.18,1.2) both;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--green),var(--blue))}.field{display:grid;gap:8px;color:var(--muted);font-weight:700;margin-bottom:16px}input{width:100%;border:1px solid var(--line);border-radius:8px;background:#ffffff14;color:var(--ink);padding:14px 15px;outline:none;font-size:16px}input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff5ca829}input::placeholder{color:#fff8ea7a}.modeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.mode{min-height:72px;border:1px solid var(--line);background:#ffffff12;border-radius:8px;padding:12px;text-align:center;display:inline-flex;align-items:center;justify-content:center;animation:riseIn .46s ease both}.mode:nth-child(2){animation-delay:70ms}.mode:nth-child(3){animation-delay:.14s}.mode:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:0 14px 34px #ff9f432e}.mode strong,.mode span{display:block}.mode strong{color:var(--orange);font-size:18px;font-weight:950}.mode span{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.25}.mode.active{border-color:var(--pink);background:#ff5ca829;box-shadow:inset 0 0 0 1px #ff5ca833}.primary,.secondary{width:100%;min-height:50px;border-radius:8px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;margin-top:10px}.primary{background:linear-gradient(135deg,#ff5ca8,#7c5cff);color:#fff;box-shadow:0 16px 36px #211f1a33}.secondary{border:1px solid var(--line);background:#ffffff12;color:var(--ink)}.primary:hover,.secondary:hover,.iconButton:hover,.roomCode:hover{transform:translateY(-2px);box-shadow:0 16px 36px #27221a29}.compact{width:auto;padding:0 18px}.gameShell{max-width:940px;margin:0 auto;animation:riseIn .42s ease both;position:relative;z-index:1}.topbar{margin-bottom:18px}.eyebrow,.category{display:block;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.roomCode,.iconButton{border:1px solid var(--line)}.roomCode{color:var(--ink);font-weight:900}.iconButton{width:46px;height:46px;justify-content:center;border-radius:8px;background:#ffffff14;color:var(--ink)}.scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;animation:riseIn .46s 80ms ease both}.playerCard,.waitingSlot{min-height:82px;border:1px solid var(--line);background:#ffffff14;border-radius:8px;padding:15px;display:flex;align-items:center;justify-content:space-between;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.playerCard.me{border-color:var(--pink);box-shadow:0 12px 30px #ff5ca824}.playerCard:hover,.waitingSlot:hover{transform:translateY(-2px)}.playerCard strong,.playerCard span{display:block}.playerCard span,.waitingSlot,.muted{color:var(--muted)}.locked{margin:16px 0 0;color:var(--green);font-weight:850}.playerCard b{font-size:34px}.stage{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}.roundLine{width:100%;margin-bottom:10px;color:var(--muted);font-weight:800}.questionBox,.reveal,.finalBox{width:100%;padding:clamp(22px,5vw,44px);animation:popIn .52s cubic-bezier(.2,.9,.18,1.2) both;transform-origin:center;position:relative;overflow:hidden}.questionBox:before,.reveal:before,.finalBox:before{content:"";position:absolute;right:-80px;top:-100px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(242,200,75,.26),transparent 68%);pointer-events:none}.questionBox h2,.reveal h2,.finalBox h2{font-size:clamp(30px,6vw,54px);line-height:1.04;margin:0 0 22px;letter-spacing:0}.answersGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answersGrid button{min-height:78px;border:1px solid var(--line);border-radius:8px;background:#ffffff14;font-size:18px;font-weight:850;color:var(--ink);animation:riseIn .36s ease both}.answersGrid button:nth-child(2){animation-delay:60ms}.answersGrid button:nth-child(3){animation-delay:.12s}.answersGrid button:nth-child(4){animation-delay:.18s}.answersGrid button:hover{border-color:var(--pink);background:#ff5ca826;transform:translateY(-4px) scale(1.01);box-shadow:0 16px 34px #ff5ca82e}.textAnswer{display:grid;grid-template-columns:1fr 58px;gap:10px}.textAnswer button{border:0;border-radius:8px;background:var(--green);color:#fff}.reveal.matched{border-color:#1f8a5b73;box-shadow:0 24px 70px #1f8a5b33}.reveal.missed{border-color:#c64c3c59;box-shadow:0 24px 70px #c64c3c24}.answerReveal,.finalScores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.answerReveal div,.finalScores div{background:#ffffff14;border:1px solid var(--line);border-radius:8px;padding:16px;min-height:84px;animation:riseIn .42s ease both}.answerReveal div:nth-child(2),.finalScores div:nth-child(2){animation-delay:90ms}.answerReveal span,.finalScores span{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-bottom:8px}.answerReveal strong,.finalScores strong{font-size:22px;overflow-wrap:anywhere}.toast,.error{background:#fff8eaf0;color:#10111f;border-radius:8px;padding:12px 14px;font-weight:800}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:4;animation:slideToast .22s ease both}.error{background:var(--red);margin-top:12px}.floating{position:fixed;left:18px;bottom:18px}@media(max-width:760px){.shell,.gameShell{padding:12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.hero{min-height:calc(100svh - 26px)}.heroTop{align-items:center;gap:8px}.pill{min-height:36px;padding:8px 10px;font-size:12px;white-space:nowrap}.brand{margin-left:auto;font-size:14px;padding:8px 10px;white-space:nowrap}.brand svg,.pill svg{width:16px;height:16px}.dogMascot{width:92px;right:10px;bottom:10px;opacity:.82}.creatorCredit{left:max(10px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));font-size:10px;color:#fff8ea6b}.cursorGlow{display:none}.heroGrid,.answersGrid,.answerReveal,.finalScores,.modeGrid{grid-template-columns:1fr}.heroGrid{gap:18px;align-items:start;padding:18px 0 8px}.introBadge{min-height:28px;padding:0 10px;font-size:11px;margin-bottom:12px}.intro h1{max-width:320px;font-size:clamp(48px,16vw,64px);line-height:.9;margin-bottom:14px}.intro p{max-width:310px;font-size:16px;line-height:1.35}.funStack{gap:8px;margin-top:16px;padding-right:96px}.funStack span{min-height:32px;padding:0 10px;font-size:12px}.panel{padding:18px}.field{margin-bottom:12px}.mode{min-height:56px;padding:11px 12px}.primary,.secondary{min-height:54px;font-size:16px}.topbar{margin-bottom:12px}.roomCode{min-height:42px;padding:8px 11px}.iconButton{width:42px;height:42px;flex:0 0 auto}.scoreboard{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.playerCard,.waitingSlot{min-height:68px;padding:11px;align-items:flex-start;gap:8px}.playerCard strong{font-size:14px;overflow-wrap:anywhere}.playerCard span,.waitingSlot{font-size:12px}.playerCard b{font-size:26px;line-height:1}.stage{min-height:calc(100svh - 190px);align-items:stretch;justify-content:flex-start}.roundLine{gap:8px;font-size:12px;line-height:1.25}.questionBox,.reveal,.finalBox{padding:20px}.questionBox h2,.reveal h2,.finalBox h2{font-size:clamp(28px,9vw,38px);line-height:1.05;margin-bottom:18px;overflow-wrap:anywhere}.answersGrid{gap:10px}.answersGrid button{min-height:64px;padding:12px;font-size:16px}.textAnswer{grid-template-columns:1fr 54px;gap:8px}.textAnswer input{min-height:54px}.answerReveal,.finalScores{gap:10px;margin:16px 0}.answerReveal div,.finalScores div{min-height:74px;padding:13px}.answerReveal strong,.finalScores strong{font-size:19px}.toast{top:max(10px,env(safe-area-inset-top));width:calc(100vw - 28px);text-align:center}.floating{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:380px){.pill{display:none}.intro h1{font-size:46px}.funStack{padding-right:80px}.scoreboard{grid-template-columns:1fr}.stage{min-height:calc(100svh - 250px)}}@media(hover:none),(pointer:coarse){.cursorGlow{display:none}.primary:hover,.secondary:hover,.iconButton:hover,.roomCode:hover,.answersGrid button:hover,.mode:hover{transform:none}}