:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.fishing-app{--water-line:38%;--fishing-gold:#efc36d;--fishing-cream:#f7f0df;--fishing-muted:#a9b3bc;--fishing-green:#75dfae;--fishing-red:#ffafa9;width:min(100%,520px);height:100svh;min-height:540px;padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin:0 auto;display:flex;overflow:hidden}.sound-toggle{z-index:10;color:#d4dce2;background:#151e27;border:1px solid #ffffff24;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:82px;min-height:44px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 6px 20px #00000020}.sound-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.sound-toggle[aria-pressed=true]{color:var(--fishing-gold);background:#302819;border-color:#e9c26f7a}.stage{isolation:isolate;background:#173b4b;border:1px solid #ffffff1f;border-radius:16px;flex:auto;min-height:220px;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}.stage:after{z-index:2;top:var(--water-line);content:"";background:#e7f7f690;height:2px;position:absolute;left:0;right:0;box-shadow:0 4px 18px #d7f0ed4d}.sky{inset:0 0 calc(100% - var(--water-line)) 0;background:radial-gradient(circle at 78% 22%,#ffd47a 0 26px,#ffd47a00 28px),linear-gradient(#a8d2df,#cde2e2);position:absolute}.shore{z-index:1;top:calc(var(--water-line) - 34px);background:linear-gradient(#698666,#4c6d59);border-radius:52% 48% 0 0/100% 100% 0 0;height:38px;position:absolute;left:-8%;right:-8%;box-shadow:0 5px 16px #24463b3d}.angler{z-index:4;pointer-events:none;filter:drop-shadow(0 6px 12px #16302c66);width:60px;height:74px;position:absolute;bottom:calc(62% - 6px);right:16%}.angler-head{z-index:3;background:radial-gradient(circle at 34% 40%,#c89c76 0 16%,#0000 17%),linear-gradient(145deg,#b98763,#835d43 62%,#5c4030);border-radius:50%;width:21px;height:21px;position:absolute;top:0;left:17px;box-shadow:inset -3px -3px 5px #3c211d66,inset 2px 1px 3px #f4d0a842}.angler-head:after{content:"";background:linear-gradient(#52615a,#26342f 72%),#30413a;border-radius:999px 999px 5px 5px;height:10px;position:absolute;top:-4px;left:-3px;right:-4px;box-shadow:0 2px 3px #00140f52,inset 0 1px #a4b2a742}.angler-leg{z-index:1;background:linear-gradient(#2e3c35,#17231f);border-radius:4px 4px 6px 6px;width:11px;height:22px;position:absolute;bottom:0}.angler-leg:after{content:"";background:#101916;border-radius:4px 4px 3px 3px;height:6px;position:absolute;bottom:0;left:-2px;right:-2px;box-shadow:inset 0 1px #4e5b54}.angler-leg--left{left:17px;transform:rotate(3deg)}.angler-leg--right{right:16px;transform:rotate(-3deg)}.angler-body{z-index:2;background:linear-gradient(90deg,#0000 47%,#18231f 48% 50%,#0000 51%),linear-gradient(160deg,#53665c 0 38%,#384a42 62%,#27362f 100%);border-radius:16px 16px 10px 10px/22px 22px 8px 8px;width:37px;height:49px;position:absolute;top:18px;left:9px;box-shadow:inset -5px 0 9px #0000003d,inset 3px 0 5px #b7c4b81c}.angler-body:after{content:"";background:#42554b80;border:1px solid #1c2923;border-radius:2px;width:10px;height:7px;position:absolute;bottom:11px;right:7px}.angler-arm{z-index:4;transform-origin:0;background:linear-gradient(90deg,#2f4038 0 72%,#b98763 73%);border-radius:999px;width:34px;height:8px;position:absolute;top:30px;right:-10px;transform:rotate(-34deg);box-shadow:inset 0 1px #8294873d}.angler-arm:after{content:"";background:linear-gradient(145deg,#c18f69,#76523b);border-radius:50%;width:11px;height:11px;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 2px 5px #14221d66,inset 1px 1px #f0caa24d}.rod{z-index:5;transform-origin:99% 7%;pointer-events:none;width:200px;height:210px;position:absolute;top:calc(38% - 71px);right:calc(16% - 8px);transform:rotate(0)}.rod-shaft{clip-path:polygon(0 50%,5% 13%,100% 0,100% 100%,5% 87%);transform-origin:100%;background:linear-gradient(90deg,#2c1c13 0%,#4a3223 34%,#6d4b31 74%,#8a6340 100%);border-radius:999px;width:182px;height:5px;position:absolute;top:12px;right:2px;transform:rotate(26deg);box-shadow:0 2px 6px #00000042,inset 0 1px #ffffff2e}.rod-grip{z-index:2;transform-origin:100%;background:repeating-linear-gradient(115deg,#28170f 0 4px,#5a3521 4px 7px,#2f1b11 7px 10px);border:1px solid #20140d;border-radius:5px;width:34px;height:10px;position:absolute;top:9px;right:2px;transform:rotate(26deg);box-shadow:0 2px 5px #0006,inset 0 1px #d6a66b42}.rod-reel{z-index:3;background:radial-gradient(circle at 35% 30%,#eef3f2 0 8%,#0000 9%),radial-gradient(circle,#b8c3c5 0 22%,#5f7075 23% 52%,#26373c 54%);border:2px solid #48575d;border-radius:50%;width:18px;height:18px;position:absolute;top:21px;right:16px;box-shadow:0 3px 6px #00121966,inset 0 1px #ffffff42}.rod-reel>span{background:linear-gradient(90deg,#d3dddf,#66777c);border-radius:2px;width:7px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-26deg)}.rod-tip{background:#f0e0bb;border-radius:50%;width:5px;height:5px;position:absolute;top:-68px;left:31px;box-shadow:0 0 7px #ffe9b18a}.rig{transform-origin:top;width:10px;height:72px;animation:3.2s ease-in-out infinite alternate rig-idle;position:absolute;top:-66px;left:30px}.rig-line{background:linear-gradient(#f2fbfcbf,#eaf7f83d 78%,#eaf7f800);width:1px;height:52px;position:absolute;top:0;left:50%;transform:translate(-50%)}.rig-hook{width:19px;height:24px;transition:filter .18s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.rig-hook svg{width:100%;height:100%;display:block}.rig-hook.baited{filter:drop-shadow(0 0 8px #dcae5d88)}.rod .bait-lure{bottom:-4px;left:50%;transform:translate(-50%,-26px)scale(.9)}.rod-line{display:none}.stage[data-phase=idle] .rig,.stage[data-phase=baiting] .rig{opacity:1}.stage[data-phase=casting] .rig,.stage[data-phase=waiting] .rig,.stage[data-phase=approaching] .rig,.stage[data-phase=tasting] .rig,.stage[data-phase=hooked] .rig,.stage[data-phase=escaped] .rig,.stage[data-phase=landed] .rig{opacity:0}.rod[data-swing=active]{animation:.7s cubic-bezier(.22,.86,.25,1) both rod-swing}.stage[data-reduced-motion=true] .rod[data-swing=active],.stage[data-reduced-motion=true] .rod-line{transition:none!important;animation:none!important}.water{z-index:1;inset:var(--water-line) 0 0;background:linear-gradient(#38819a 0%,#215c72 34%,#153f54 100%);position:absolute;overflow:visible}.water:before{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff0c 0 18%,#0000 18% 100%),linear-gradient(255deg,#ffffff08 0 12%,#0000 12% 100%);position:absolute;inset:0}.stage-meta{z-index:7;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.phase-chip,.best-chip{border-radius:999px;align-items:center;min-height:28px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.phase-chip{color:#142019;background:#e9c66f;padding:0 11px;box-shadow:0 5px 14px #00000024}.best-chip{color:#e9f0f2;background:#0f1d28cc;border:1px solid #ffffff24;padding:0 10px}.fish-identity{z-index:8;color:#eef4f5;text-align:center;pointer-events:none;background:linear-gradient(155deg,#10242ed9,#0b1820cc);border:1px solid #e8cf8d45;border-radius:12px;gap:3px;width:min(82%,320px);padding:8px 14px;animation:.32s cubic-bezier(.16,.9,.2,1) .76s both fish-identity-in;display:grid;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00121940}.fish-identity strong{color:var(--fishing-gold);letter-spacing:.02em;font-size:15px}.fish-identity span{color:#cbd9dc;font-size:11px;line-height:1.35}.ripples{z-index:3;pointer-events:none;width:1px;height:1px;position:absolute;top:-1px;left:50%}.ripples span{opacity:0;border:1px solid #e5f5f57a;border-radius:50%;width:72px;height:22px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.18)}.cast-arc{z-index:5;transform-origin:100% 0;pointer-events:none;width:46%;height:92px;position:absolute;top:2px;right:12px}.cast-arc-line{border-top:1px dashed #f2fbfca6;border-radius:50% 50% 0 0/100% 100% 0 0;animation:.62s ease-out both cast-line-sweep;position:absolute;inset:0;transform:rotate(-6deg)}.cast-arc-dot{background:radial-gradient(circle at 34% 30%,#fffdf4,#dcae5d 72%);border-radius:50%;width:7px;height:7px;animation:.62s cubic-bezier(.3,.7,.3,1) both cast-dot-fly;position:absolute;bottom:6px;left:4px;box-shadow:0 0 8px #ffdf9c80}.stage[data-reduced-motion=true] .cast-arc{display:none}.float{z-index:6;width:10px;height:64px;position:absolute;top:-38px;left:50%;transform:translate(-50%)}.float-tip{background:#3a261d;border:1px solid #583a28;border-radius:999px 999px 3px 3px;flex-direction:column;width:100%;height:38px;padding:1px;display:flex;overflow:hidden;box-shadow:0 4px 10px #00121966,inset 0 2px 3px #fff6d64d}.float-stem{background:linear-gradient(90deg,#d6e0df,#fff 52%,#bccacb);border:1px solid #738386;border-top:0;border-radius:0 0 999px 999px;width:4px;height:26px;margin:0 auto;box-shadow:0 3px 6px #00121952}.float-mark{background:#f3dda0;flex:1;min-height:0}.float-mark:nth-child(odd){background:#e85f4d}.float-mark+.float-mark{box-shadow:inset 0 1px #492a1e4d}.float-mark:first-child{border-radius:999px 999px 1px 1px}.float-mark:last-child{border-radius:0}.stage[data-phase=idle] .float,.stage[data-phase=baiting] .float{opacity:0}.stage[data-phase=waiting] .float{animation:2.8s ease-in-out infinite bob}.stage[data-phase=casting] .float{animation:.7s cubic-bezier(.18,.8,.2,1) both cast-drop}.stage[data-phase=casting] .ripples span{animation:.9s ease-out .52s both ripple}.line{z-index:2;opacity:0;transform-origin:top;background:linear-gradient(#edf9fa9e,#edf9fa2b);width:1px;position:absolute;top:28px;bottom:46px;left:50%;transform:translate(-50%)}.stage[data-line=casting] .line{animation:.7s cubic-bezier(.18,.8,.2,1) both line-cast-in}.stage[data-line=in-water] .line{opacity:1}.stage[data-line=retracting] .line{animation:.42s cubic-bezier(.22,.82,.24,1) both line-pull-out}.hook{z-index:3;width:22px;height:27px;transition:bottom .24s,filter .18s;position:absolute;bottom:26px;left:calc(50% - 11px)}.hook svg{width:100%;height:100%;display:block}.hook-bait{opacity:0;background:#dcae5d;border-radius:50% 45% 55% 50%;width:13px;height:9px;transition:opacity .16s,transform .16s;position:absolute;bottom:-5px;right:-1px;transform:translateY(-3px)}.hook.baited{filter:drop-shadow(0 0 8px #dcae5d88)}.hook.baited .hook-bait{opacity:1;transform:translateY(0)}.bait-lure{z-index:7;opacity:0;pointer-events:none;background:radial-gradient(circle at 34% 28%,#ffecc2 0 22%,#0000 23%),radial-gradient(circle at 66% 62%,#b8833c 0 30%,#0000 31%),linear-gradient(150deg,#e6c07a,#b9823d);border-radius:52% 48% 55% 45%;width:12px;height:11px;transition:opacity .18s,transform .2s;position:absolute;bottom:58px;left:calc(50% - 3px);transform:translateY(-26px)scale(.9);box-shadow:0 3px 7px #00121959,inset 0 -2px 3px #7c53228a}.stage[data-phase=baiting][data-baited=false] .rod .bait-lure{opacity:1;transform:translate(-50%,-22px)scale(.94)}.stage[data-baited=true] .rod .bait-lure{opacity:0}.rod .bait-lure[data-drop=active]{opacity:1;animation:.52s cubic-bezier(.3,.72,.4,1) both bait-drop}.rod .bait-lure[data-drop=active]:after{opacity:0;content:"";background:#dcae5d;border-radius:50%;width:10px;height:6px;animation:.26s ease-out .3s both bait-stick;position:absolute;bottom:-7px;right:-2px}.stage[data-phase=idle] .rod .bait-lure{opacity:0}.stage[data-phase=baiting][data-baited=true] .rig-hook{animation:.42s cubic-bezier(.22,1.2,.28,1) .32s both hook-recoil}.fish-basket{z-index:7;filter:drop-shadow(0 7px 10px #10251e66);pointer-events:none;width:56px;height:50px;position:absolute;bottom:calc(62% - 3px);left:64%;transform:translate(-50%)}.basket-handle{z-index:0;border:3px solid #5d4024;border-bottom:0;border-radius:18px 18px 0 0;width:32px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 1px 1px #b9874d80}.basket-body{z-index:1;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);background:repeating-linear-gradient(90deg,#9a6736 0 5px,#b77d42 5px 9px,#7f522c 9px 12px);border:1px solid #4b301a;border-radius:4px 4px 13px 13px/4px 4px 16px 16px;height:33px;position:absolute;bottom:0;left:3px;right:3px;overflow:hidden;box-shadow:inset 0 -8px 12px #2f1d0e66,inset 0 3px #e1ad6952}.basket-body:after{content:"";background:repeating-linear-gradient(0deg,#0000 0 6px,#5c3b1f3d 6px 8px),linear-gradient(90deg,#ffffff12,#0000 34% 68%,#321f0e2e);position:absolute;inset:0}.basket-rim{z-index:3;background:radial-gradient(at 50% 40%,#2e1b0e 0 42%,#0000 44%),linear-gradient(#c18b4d,#8a5a2e 62%,#6f4524);border:1px solid #4d311b;border-radius:999px;width:100%;height:10px;position:absolute;top:18px;left:0;box-shadow:0 2px 4px #3d241466,inset 0 1px #ffe0a445}.basket-tail{z-index:4;clip-path:polygon(0 50%,40% 6%,54% 0,48% 42%,100% 50%,48% 58%,54% 100%,40% 94%);opacity:0;transform-origin:50% 100%;background:linear-gradient(145deg,#f0d494,#b17b37 60%,#795027);width:18px;height:13px;position:absolute;top:7px;left:50%;transform:translate(-50%)rotate(-16deg)scale(.4)}.stage[data-phase=landed] .fish-basket{animation:.36s cubic-bezier(.2,.8,.24,1) .82s both basket-bump}.stage[data-phase=landed] .basket-tail{animation:.42s cubic-bezier(.16,.9,.2,1) .98s both basket-tail-pop}.fish{z-index:4;opacity:0;width:min(58%,210px);transition:opacity .24s;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.fish-shape{--fish-facing:1;filter:drop-shadow(0 10px 8px #001a2280)saturate(1.08)contrast(1.03);width:100%;height:auto;animation:2.4s ease-in-out infinite alternate fish-glide;display:block}.fish.visible{opacity:1}.stage[data-spawn=left] .fish-shape{--fish-facing:-1}.stage[data-phase=waiting] .fish.visible,.stage[data-phase=approaching] .fish.visible,.stage[data-phase=tasting] .fish.visible,.stage[data-phase=hooked] .fish.visible{animation:1.9s cubic-bezier(.16,.8,.22,1) both fish-swim-in-left}.stage[data-spawn=right][data-phase=waiting] .fish.visible,.stage[data-spawn=right][data-phase=approaching] .fish.visible,.stage[data-spawn=right][data-phase=tasting] .fish.visible,.stage[data-spawn=right][data-phase=hooked] .fish.visible{animation-name:fish-swim-in-right}.fish-tail{transform-origin:20px 28px;animation:.46s ease-in-out infinite alternate tail}.stage[data-phase=hooked] .fish-shape{animation-duration:.62s}.stage[data-phase=landed] .fish{z-index:6;animation:1.05s cubic-bezier(.16,.8,.22,1) both fish-into-basket}.stage[data-phase=landed] .hook{opacity:0}.stage[data-phase=escaped] .float{animation:.7s cubic-bezier(.16,.8,.22,1) both float-away}.stage[data-line=retracting] .float{animation:.42s cubic-bezier(.22,.82,.24,1) both float-pull-out}.stage[data-phase=landed] .ripples span{animation:.95s ease-out both land-ripple}.float-nibble{animation:.52s ease-in-out infinite alternate nibble}.float-lift{animation:.82s ease-in-out infinite alternate lift}.float-sink{animation:.9s ease-in infinite sink}.float-drag{animation:.62s ease-in-out infinite alternate drag}.float-tremor{animation:.22s linear infinite alternate tremor}.float-blackout{animation:.7s ease-in infinite blackout}.stage-caption{color:#d2dce1;text-align:center;flex:none;justify-content:center;align-items:center;min-height:34px;margin:0;padding:2px 8px;font-size:13px;font-weight:650;line-height:1.35;display:flex}.stage-grade{z-index:9;top:calc(var(--water-line) + 18px);background:#10232beb;border:1px solid;border-radius:999px;padding:7px 14px;font-size:18px;font-weight:900;line-height:1;animation:.56s cubic-bezier(.16,.9,.2,1) both grade-pop;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 9px 26px #00121963}.grade-perfect{color:#ffd57b}.grade-good{color:#8ee9bc}.grade-fair{color:#b7d8ea}.control-dock{flex:none}.primary-action{color:#211705;letter-spacing:.02em;background:linear-gradient(#f3ce7b,#dfad4d);border:1px solid #ffdc8a45;border-radius:14px;width:100%;min-height:54px;font-size:17px;font-weight:850;box-shadow:0 12px 28px #120d0447}.primary-action.is-strike{color:#092c1e;background:linear-gradient(#8be9bd,#58d899);border-color:#b8ffdd76;animation:1.15s ease-in-out infinite alternate strike-ready}.primary-action:disabled{color:#c2c8cd;box-shadow:none;opacity:.82;background:#1a232c;border-color:#ffffff0f}.result-card{background:linear-gradient(155deg,#1c2832,#141c24);border:1px solid #ffffff14;border-radius:16px;flex:none;gap:12px;padding:13px;display:grid;box-shadow:0 16px 36px #00000038}.result-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.result-grade{letter-spacing:-.025em;min-width:54px;font-size:23px;font-weight:900;line-height:1}.result-perfect .result-grade{color:#ffd57b}.result-good .result-grade{color:#8ee9bc}.result-fair .result-grade{color:#b7d8ea}.result-missed .result-grade{color:var(--fishing-red)}.result-copy{gap:3px;min-width:0;display:grid}.result-copy strong{color:#eff3f4;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.25;overflow:hidden}.result-copy span{color:#bec9cf;font-variant-numeric:tabular-nums;font-size:13px}.result-main em{color:#211705;background:var(--fishing-gold);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.result-actions{grid-template-columns:1fr;gap:8px;display:grid}.result-actions button{border-radius:12px;min-height:46px}.fishing-app button:focus-visible{outline-offset:3px;outline:2px solid #ffe2a2}@keyframes cast-drop{0%{opacity:0;transform:translate(calc(122px - 50%),-168px)scale(.66)rotate(16deg)}22%{opacity:1}46%{transform:translate(calc(76px - 50%),-118px)scale(.82)rotate(9deg)}74%{transform:translate(calc(18px - 50%),-34px)scale(.96)rotate(2deg)}88%{transform:translate(-50%,10px)scale(1)rotate(-2deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}@keyframes line-cast-in{0%{opacity:0;transform:translate(-50%)scaleY(0)}18%{opacity:1}to{opacity:1;transform:translate(-50%)scaleY(1)}}@keyframes line-pull-out{0%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scaleY(.02)}}@keyframes float-pull-out{0%{opacity:1;transform:translate(-50%)rotate(0)}to{opacity:0;transform:translate(-50%,-34px)rotate(-12deg)}}@keyframes rod-swing{0%{transform:rotate(-13deg)}28%{transform:rotate(-43deg)}52%{transform:rotate(4deg)}72%{transform:rotate(-19deg)}to{transform:rotate(-13deg)}}@keyframes cast-line-sweep{0%{opacity:0;transform:rotate(-6deg)scaleX(.05)}24%{opacity:1}to{opacity:0;transform:rotate(-6deg)scaleX(1)}}@keyframes cast-dot-fly{0%{opacity:0;transform:translate(128px,-64px)scale(.5)}18%{opacity:1}60%{transform:translate(52px,-18px)scale(1)}84%{opacity:1;transform:translate(2px,4px)scale(1)}to{opacity:0;transform:translate(-8px,8px)scale(1.1)}}@keyframes bait-drop{0%{opacity:0;transform:translate(-50%,-26px)scale(.86)}30%{opacity:1;transform:translate(-50%,-17px)scale(.92)}74%{transform:translate(-50%,1px)scale(1.04)}to{opacity:0;transform:translate(-50%,6px)scale(.9)}}@keyframes rig-idle{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes bait-stick{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes hook-idle{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,2px)}}@keyframes hook-recoil{0%{transform:translate(-50%)}34%{transform:translate(-50%,6px)}66%{transform:translate(-50%,-4px)}to{transform:translate(-50%)}}@keyframes ripple{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)}30%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%)scale(1.9)}}@keyframes land-ripple{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}30%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,3px)}}@keyframes nibble{0%{transform:translate(-50%)translate(1px)}to{transform:translate(-50%,5px)translate(-1px)}}@keyframes lift{0%{transform:translate(-50%)}48%{transform:translate(-50%,-9px)}to{transform:translate(-50%,8px)}}@keyframes sink{0%{opacity:1;transform:translate(-50%)}to{opacity:.28;transform:translate(-50%,26px)}}@keyframes drag{0%{transform:translate(-50%)rotate(0)}to{transform:translate(calc(-50% - 34px),16px)rotate(-18deg)}}@keyframes tremor{0%{transform:translate(calc(-50% - 2px),-4px)}to{transform:translate(calc(2px - 50%),5px)}}@keyframes blackout{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,34px)}}@keyframes fish-swim-in-left{0%{opacity:0;top:64%;left:-36%;transform:translate(-50%,-50%)rotate(3deg)}12%{opacity:1}58%{opacity:1;top:60%;left:38%}82%{top:59%;left:54%}to{opacity:1;top:58%;left:50%;transform:translate(-50%,-50%)rotate(0)}}@keyframes fish-swim-in-right{0%{opacity:0;top:64%;left:136%;transform:translate(-50%,-50%)rotate(-3deg)}12%{opacity:1}58%{opacity:1;top:60%;left:62%}82%{top:59%;left:46%}to{opacity:1;top:58%;left:50%;transform:translate(-50%,-50%)rotate(0)}}@keyframes fish-glide{0%{transform:scaleX(var(--fish-facing)) translateX(-4px) rotate(-1deg)}to{transform:scaleX(var(--fish-facing)) translateX(5px) rotate(1deg)}}@keyframes fish-identity-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes tail{0%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}@keyframes fish-into-basket{0%{opacity:1;top:58%;left:50%;transform:translate(-50%,-50%)rotate(0)scale(1)}14%{opacity:1;top:42%;left:46%;transform:translate(-50%,-50%)rotate(-8deg)scale(1.03)}30%{opacity:1;top:-10%;left:55%;transform:translate(-50%,-50%)rotate(8deg)scale(1)}55%{opacity:1;top:-24%;left:62%;transform:translate(-50%,-50%)rotate(18deg)scale(.82)}78%{opacity:1;top:-8%;left:64%;transform:translate(-50%,-50%)rotate(28deg)scale(.48)}to{opacity:0;top:-6.5%;left:64%;transform:translate(-50%,-50%)rotate(38deg)scale(.05)}}@keyframes basket-bump{0%,to{transform:translate(-50%)translateY(0)rotate(0)}34%{transform:translate(-50%)translateY(4px)rotate(-2deg)}68%{transform:translate(-50%)translateY(-1px)rotate(1deg)}}@keyframes basket-tail-pop{0%{opacity:0;transform:translate(-50%)rotate(-16deg)scale(.4)}58%{opacity:1;transform:translate(-50%)rotate(10deg)scale(1.08)}to{opacity:1;transform:translate(-50%)rotate(-10deg)scale(1)}}@keyframes float-away{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,42px)rotate(14deg)}}@keyframes grade-pop{0%{opacity:0;transform:translate(-50%,12px)scale(.82)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes strike-ready{0%{box-shadow:0 0 #58d89933}to{box-shadow:0 0 0 9px #58d89900}}@media (width<=360px){.fishing-app{padding-left:12px;padding-right:12px}.sound-toggle{min-width:44px;padding:0 12px}.sound-toggle span{display:none}.result-main{gap:9px}.result-grade{min-width:48px;font-size:21px}}@media (height<=680px){.fishing-app{gap:8px}.stage{min-height:200px}.stage-caption{min-height:30px}}@media (prefers-reduced-motion:reduce){.fishing-app *,.fishing-app :before,.fishing-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fish.visible,.fish-tail,.stage[data-phase=waiting] .float,.primary-action.is-strike,.rod,.rod-line,.bait-lure,.rig,.rig-hook,.cast-arc,.stage[data-phase=casting] .float{animation:none!important}}.quiz-admin-shell{color:#f5f1e8;background:radial-gradient(circle at 90% 10%,#6c5425 0,#0000 34rem),#111820;min-height:100vh;padding:36px}.quiz-admin-header,.quiz-admin-grid{width:min(1120px,100%);margin-inline:auto}.quiz-admin-grid-embedded{grid-template-columns:1fr;width:100%;margin:0}.quiz-studio-panel{gap:14px;display:grid}.quiz-studio-disabled{color:#9ca7b0;border:1px dashed #ffffff24;border-radius:14px;justify-items:start;gap:8px;padding:18px;display:grid}.quiz-studio-disabled strong{color:#e8e3d8;font-size:18px}.quiz-studio-disabled p{margin:0}.quiz-admin-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.quiz-admin-header h1{font-size:clamp(28px,5vw,46px)}.quiz-admin-header a{color:#efbd5f}.quiz-admin-grid{grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:16px;display:grid}.quiz-admin-card,.quiz-control-state{background:#18232edb;border:1px solid #ffffff1b;border-radius:22px;align-content:start;gap:14px;padding:22px;display:grid}.quiz-admin-card h2,.quiz-control-state h2{margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(24px,4vw,40px)}.quiz-admin-card select{width:100%;color:inherit;background:#111820;border:1px solid #ffffff24;border-radius:12px;padding:12px}.quiz-control-answer{color:#17120a;background:#efbd5f;border-radius:14px;padding:14px 18px;font-size:22px;font-weight:800}.quiz-command-row{flex-wrap:wrap;gap:8px;display:flex}.quiz-control-winners{gap:8px;display:grid}.quiz-control-winners>div{background:#ffffff0d;border-radius:10px;grid-template-columns:40px 1fr auto;gap:8px;padding:10px 12px;display:grid}.quiz-leader-card{grid-column:1/-1}.quiz-leader-card ol{gap:8px;padding:0;list-style:none;display:grid}.quiz-leader-card li{background:#ffffff0d;border-radius:10px;justify-content:space-between;padding:10px 12px;display:flex}.quiz-overlay{--quiz-bg:#0b1117;--quiz-ink:#fff6e4;--quiz-muted:#ded3bf;--quiz-gold:#f1c76b;--quiz-gold-bright:#ffe4a3;--quiz-red:#ff645d;isolation:isolate;width:min(100vw,1080px);height:100dvh;color:var(--quiz-ink);background:radial-gradient(ellipse at 50% 18%, #c58a2142 0, transparent 34%), radial-gradient(ellipse at 50% 105%, #75501726 0, transparent 36%), linear-gradient(155deg, #111b24 0%, var(--quiz-bg) 56%, #171106 100%);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;grid-template-rows:auto auto auto minmax(0,1fr);gap:clamp(16px,2.2vh,30px);margin:0 auto;padding:clamp(22px,4.2vw,50px) clamp(20px,4.8vw,58px) clamp(22px,3.8vw,46px);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:grid;position:relative;overflow:hidden}.quiz-overlay:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#f4c66a1f 0,#0000 62%),linear-gradient(90deg,#0000 8%,#f1c76b0c 50%,#0000 92%);height:52%;position:absolute;inset:11% 2% auto}.quiz-overlay:after{content:"";pointer-events:none;border:1px solid #f1c76b26;border-radius:28px;position:absolute;inset:16px}.quiz-brand{justify-content:space-between;align-items:center;gap:18px;min-height:44px;display:flex}.quiz-brand-lockup{align-items:center;gap:13px;min-width:0;display:flex}.quiz-brand-title{color:#e7dfd0;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(24px,3vw,34px);font-weight:700;overflow:hidden}.quiz-live-dot{background:var(--quiz-red);border-radius:50%;flex:0 0 13px;width:13px;height:13px;animation:1.8s ease-in-out infinite quiz-live-pulse;box-shadow:0 5px 18px #ff645db8}.quiz-phase-label{color:var(--quiz-gold-bright);letter-spacing:.04em;background:#f1c76b0d;border:1px solid #f1c76b45;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 15px;font-size:clamp(17px,2vw,22px);font-weight:650;display:inline-flex}.quiz-phase-pip{background:currentColor;border-radius:50%;width:6px;height:6px}.quiz-board{text-align:center;border-top:1px solid #f1c76b1f;border-bottom:1px solid #f1c76b1f;grid-template-rows:auto auto auto;align-content:center;place-items:center;gap:clamp(8px,1.15vh,14px) clamp(13px,1.9vw,24px);min-height:0;padding:clamp(20px,4.2vh,60px) clamp(8px,2.8vw,34px);display:grid;position:relative}.quiz-board-head{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.quiz-round-label{color:#aaa08e;letter-spacing:.08em;font-size:clamp(16px,1.9vw,22px)}.quiz-prompt-stage{place-items:center;width:100%;min-width:0;display:grid;position:relative}.quiz-stage-orbit{aspect-ratio:1.65;pointer-events:none;background:radial-gradient(#e8b95616 0,#0000 66%);border:1px solid #eac16b29;border-radius:50%;width:min(760px,88%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-board h1{z-index:1;letter-spacing:.025em;text-wrap:balance;text-shadow:0 3px #0006;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.03em;max-width:100%;margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(68px,13.5vw,150px);font-weight:900;line-height:1.04;display:flex;position:relative}.quiz-prompt-medium h1{font-size:clamp(44px,10.8vw,116px)}.quiz-prompt-long h1{letter-spacing:0;font-size:clamp(34px,9vw,98px)}.quiz-prompt-character{white-space:pre;display:inline-block}.quiz-prompt-blank{min-width:.9em;color:var(--quiz-gold-bright);text-shadow:0 3px #00000080;place-items:center;display:inline-grid;position:relative}.quiz-prompt-blank:before{content:"";background:#f1c76b17;border:3px solid #f1c76bc7;border-radius:18%;position:absolute;inset:14% 0 9%;transform:rotate(-2deg)}.quiz-hint{max-width:38ch;color:var(--quiz-muted);text-wrap:balance;margin:0;font-size:clamp(22px,2.7vw,31px);line-height:1.55}.quiz-clock{color:#b9ad99;background:#0a0f14d9;border:1px solid #f1c76b33;border-radius:12px;flex:none;align-items:center;gap:clamp(8px,1.2vw,14px);width:auto;padding:5px clamp(9px,1.3vw,14px);font-size:clamp(13px,1.25vw,18px);line-height:1;display:flex}.quiz-clock-value{align-items:baseline;gap:7px;display:flex}.quiz-clock-value strong{min-width:1.6ch;color:var(--quiz-gold);font-variant-numeric:tabular-nums;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(30px,3.4vw,44px);line-height:.9}.quiz-clock-value small{color:#cdbfa7;font-size:clamp(12px,1vw,15px)}.quiz-clock-critical{background:#ff645d14;border-color:#ff645d7a;animation:1.2s ease-in-out infinite quiz-clock-alert}.quiz-clock-critical .quiz-clock-value strong{color:#ff8c7f}.quiz-answer-reveal{background:linear-gradient(135deg,#f1c76b22,#f1c76b08);border:1px solid #f1c76b66;border-radius:16px;justify-items:center;gap:8px;padding:clamp(18px,2.4vw,28px) clamp(28px,5vw,54px);font-size:clamp(23px,2.8vw,34px);display:grid}.quiz-reveal-label{color:var(--quiz-gold);letter-spacing:.16em;font-size:.52em;font-weight:750}.quiz-answer-reveal strong{color:var(--quiz-gold-bright)}.quiz-next{color:#c1b6a3;font-variant-numeric:tabular-nums;font-size:.55em}.quiz-rankings{grid-template-columns:minmax(0,1.65fr) minmax(230px,.85fr);align-items:stretch;gap:clamp(12px,2vw,24px);min-width:0;display:grid}.quiz-honor,.quiz-today{align-content:start;align-self:stretch;gap:clamp(10px,1.4vh,16px);min-width:0;display:grid}.quiz-today-list{align-content:start;gap:4px;display:grid}.quiz-today-entry{background:#ffffff08;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;padding:4px 8px;display:grid}.quiz-today-rank{color:#a99e8c;font-variant-numeric:tabular-nums;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(15px,1.5vw,20px);font-weight:700}.quiz-today-entry strong{color:#f2e8d7;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.55vw,21px);overflow:hidden}.quiz-today-points{color:var(--quiz-gold);font-variant-numeric:tabular-nums;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(17px,1.7vw,23px);font-weight:800}.quiz-today-empty{color:#a99e8c;border:1px dashed #ffffff1f;border-radius:10px;place-items:center;min-height:64px;font-size:clamp(15px,1.5vw,20px);display:grid}.quiz-section-title{color:#ede4d3;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;font-size:clamp(24px,2.8vw,32px);font-weight:700;display:flex}.quiz-section-title>span{align-items:center;gap:11px;display:inline-flex}.quiz-title-mark{background:var(--quiz-gold);border-radius:999px;width:5px;height:22px}.quiz-section-title small{color:#a99e8c;font-variant-numeric:tabular-nums;font-size:clamp(18px,2vw,23px);font-weight:500}.quiz-section-title small strong{color:var(--quiz-gold);font-size:1.25em}.quiz-honor .quiz-section-title{justify-content:flex-start;gap:clamp(10px,1.4vw,18px)}.quiz-winners{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quiz-winner{background:#ffffff0a;border:1px solid #ffffff1c;border-radius:14px;grid-template:"seat points""avatar copy"minmax(0,1fr)/clamp(46px,5vw,58px) minmax(0,1fr);align-items:center;gap:5px clamp(9px,1.4vw,15px);min-width:0;min-height:clamp(92px,9vh,108px);padding:11px clamp(12px,1.8vw,20px);animation:.52s cubic-bezier(.16,1,.3,1) both quiz-seat-arrive;display:grid;position:relative}.quiz-seat-name{color:#9d927f;letter-spacing:.08em;grid-area:seat;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(18px,1.8vw,23px);font-weight:700}.quiz-winner img,.quiz-avatar-fallback{object-fit:cover;border-radius:50%;grid-area:avatar;width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px)}.quiz-avatar-fallback{color:#1a1308;background:var(--quiz-gold);place-items:center;font-weight:800;display:grid}.quiz-winner-copy{grid-area:copy;justify-items:start;gap:2px;min-width:0;display:grid}.quiz-winner-copy strong{color:#fff1da;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(22px,2.2vw,29px);overflow:hidden}.quiz-winner-copy small{color:#b9ad9a;white-space:nowrap;font-size:clamp(17px,1.8vw,21px)}.quiz-winner-points{color:var(--quiz-gold-bright);font-variant-numeric:tabular-nums;grid-area:points;place-self:start end;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(21px,2vw,27px);font-weight:800}.quiz-winner-empty{color:#8f877a;background:0 0;border-style:dashed;animation:none}.quiz-empty-avatar{color:#c5b69f;border:1px dashed #8e826d;border-radius:50%;grid-area:avatar;place-items:center;width:clamp(44px,4.8vw,56px);height:clamp(44px,4.8vw,56px);font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(22px,2.6vw,30px);display:grid}.quiz-empty-copy{grid-area:copy;gap:2px;display:grid}.quiz-empty-copy strong{color:#b7ad9d;white-space:nowrap;font-size:clamp(18px,1.65vw,22px)}.quiz-empty-copy small{color:#82796b;font-size:clamp(17px,1.8vw,21px)}.quiz-empty-copy-short{display:none}.quiz-rank-1{background:radial-gradient(circle at 9%,#f1c76b27 0,#0000 22%),linear-gradient(105deg,#f1c76b25,#ffffff08 58%,#f1c76b0b);border-color:#f1c76b85;box-shadow:0 18px 40px #0000002e}.quiz-rank-1 .quiz-seat-name,.quiz-rank-1 .quiz-winner-points{color:var(--quiz-gold-bright)}.quiz-rank-1 .quiz-avatar-fallback,.quiz-rank-1 img{outline-offset:3px;outline:2px solid #f1c76b99}.quiz-footer{grid-template-columns:minmax(0,1fr) auto;align-self:end;align-items:center;gap:clamp(14px,2.4vw,26px);display:grid}.quiz-cta{color:#181107;background:linear-gradient(105deg,#f1c76b,#e8b650);border-radius:14px;align-items:center;gap:13px;min-width:0;padding:12px 16px;display:flex;box-shadow:0 14px 32px #0000002e}.quiz-cta-icon{width:clamp(38px,4vw,46px);height:clamp(38px,4vw,46px);color:var(--quiz-gold-bright);background:#171006;border-radius:50%;flex:none;place-items:center;display:grid}.quiz-cta-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:58%}.quiz-cta>span:last-child{gap:1px;min-width:0;display:grid}.quiz-cta strong{font-size:clamp(24px,2.7vw,31px);line-height:1.25}.quiz-cta small{opacity:.7;font-size:clamp(17px,1.9vw,22px);font-weight:600}.quiz-empty{text-align:center;place-content:center;gap:8px}@keyframes quiz-live-pulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes quiz-clock-alert{0%,to{box-shadow:0 10px 26px #ff645d0f}50%{box-shadow:0 10px 34px #ff645d38}}@keyframes quiz-seat-arrive{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=620px){.quiz-overlay{gap:10px;padding:18px 14px}.quiz-overlay:after{border-radius:20px;inset:9px}.quiz-brand-title{font-size:18px}.quiz-phase-label{padding:7px 11px;font-size:12px}.quiz-board{grid-template-rows:auto auto auto;gap:8px;padding:10px 4px}.quiz-round-label{font-size:13px}.quiz-board h1{font-size:clamp(52px,16vw,76px)}.quiz-prompt-medium h1{font-size:clamp(36px,10.8vw,52px)}.quiz-prompt-long h1{font-size:clamp(28px,8.8vw,42px)}.quiz-hint{font-size:16px}.quiz-clock{gap:5px;padding:3px 7px;font-size:11px}.quiz-clock-value strong{font-size:28px}.quiz-clock-value small{font-size:11px}.quiz-honor{gap:7px}.quiz-rankings{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:8px}.quiz-section-title{font-size:20px}.quiz-section-title small{font-size:13px}.quiz-footer{grid-template-columns:1fr;gap:7px}.quiz-cta{padding:9px 12px}.quiz-cta-icon{width:34px;height:34px}.quiz-cta strong{font-size:17px}.quiz-cta small{font-size:12px}}@media (height<=720px) and (orientation:landscape){.quiz-overlay{grid-template-rows:auto minmax(0,1fr) auto;padding:18px 24px}.quiz-board{grid-template-rows:auto minmax(100px,1fr) auto;padding:12px}.quiz-board h1{font-size:clamp(44px,8vw,82px)}.quiz-honor{display:none}}@media (orientation:portrait) and (aspect-ratio<=4/5){.quiz-overlay{padding:max(10px, env(safe-area-inset-top)) clamp(12px, 3.6vw, 34px) 0;grid-template-rows:auto auto auto;align-content:start;gap:clamp(4px,.7dvh,10px)}.quiz-overlay:before{height:33.333%;inset:0 0 auto}.quiz-overlay:after{inset:max(8px, env(safe-area-inset-top)) 8px auto;height:calc(33.333dvh - max(14px, env(safe-area-inset-top)));border-radius:18px}.quiz-brand{gap:8px;min-height:0}.quiz-brand-lockup{gap:8px}.quiz-brand-title{letter-spacing:.04em;font-size:clamp(20px,1.9dvh,40px)}.quiz-live-dot{flex-basis:9px;width:9px;height:9px}.quiz-phase-label{gap:5px;padding:3px 8px;font-size:clamp(15px,1.3dvh,27px);line-height:1.2}.quiz-phase-pip{width:5px;height:5px}.quiz-board{grid-template:"head""prompt""hint"/minmax(0,1fr);align-content:start;gap:clamp(2px,.55dvh,7px);min-height:0;padding:0;position:relative}.quiz-board-head{grid-area:head;justify-content:flex-start;align-self:center;gap:8px}.quiz-round-label{letter-spacing:.04em;font-size:clamp(13px,1.2dvh,24px)}.quiz-prompt-stage{grid-area:prompt;min-height:clamp(54px,8.2dvh,165px)}.quiz-stage-orbit{aspect-ratio:3.6;background:#e8b9560b;border-color:#eac16b42;width:96%}.quiz-board h1{letter-spacing:.01em;font-size:clamp(48px,min(15vw,8.5dvh),140px);line-height:1.04}.quiz-prompt-medium h1{font-size:clamp(42px,min(12.5vw,7dvh),118px)}.quiz-prompt-long h1{font-size:clamp(34px,min(10vw,6dvh),92px)}.quiz-hint{grid-area:hint;max-width:100%;font-size:clamp(17px,1.6dvh,30px);line-height:1.25}.quiz-clock{border-radius:9px;gap:4px;width:auto;padding:3px 6px;font-size:clamp(11px,.95dvh,19px)}.quiz-clock-value{gap:2px}.quiz-clock-value strong{min-width:1.4ch;font-size:clamp(25px,2.5dvh,42px);line-height:.9}.quiz-clock-value small{font-size:clamp(11px,.95dvh,18px)}.quiz-answer-reveal{border-radius:10px;gap:2px;max-width:100%;padding:4px 8px;font-size:clamp(17px,1.55dvh,28px);line-height:1.15}.quiz-reveal-label{font-size:.68em}.quiz-next{font-size:.65em}.quiz-honor{align-self:start;gap:clamp(3px,.45dvh,6px)}.quiz-rankings{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:clamp(5px,.8vw,10px);width:100%}.quiz-today{gap:clamp(3px,.45dvh,6px)}.quiz-section-title{font-size:clamp(17px,.9vw + 1.3dvh,29px);line-height:1.1}.quiz-title-mark{width:4px;height:15px}.quiz-section-title>span{gap:7px}.quiz-section-title small{font-size:clamp(13px,1.15dvh,21px)}.quiz-today .quiz-section-title{justify-content:flex-start}.quiz-today .quiz-section-title small{display:none}.quiz-winners{grid-template-columns:minmax(0,1fr);gap:clamp(2px,.35dvh,4px)}.quiz-winner{border-radius:6px;grid-template:"seat avatar copy points"/auto clamp(20px,1.75dvh,30px) minmax(0,1fr) auto;align-items:center;gap:4px;min-height:clamp(20px,2.3dvh,34px);padding:1px clamp(3px,.8vw,7px)}.quiz-seat-name{color:#c0b39e;letter-spacing:0;grid-area:seat;font-size:clamp(10px,.2vw + 1.1dvh,16px);line-height:1}.quiz-winner img,.quiz-avatar-fallback,.quiz-empty-avatar{grid-area:avatar;width:clamp(20px,1.75dvh,30px);height:clamp(20px,1.75dvh,30px);font-size:clamp(11px,1dvh,17px)}.quiz-winner-copy,.quiz-empty-copy{grid-area:copy;gap:0}.quiz-winner-copy strong,.quiz-empty-copy strong{white-space:nowrap;width:100%;font-size:clamp(13px,.45vw + 1.25dvh,21px);line-height:1.15}.quiz-winner-copy strong{display:block}.quiz-winner-copy small,.quiz-empty-copy small{display:none}.quiz-winner-points{font-size:clamp(11px,1.05dvh,18px);display:inline}.quiz-empty-copy-full{display:none}.quiz-empty-copy-short{display:inline}.quiz-empty-avatar{border-width:1px}.quiz-today-list{gap:clamp(2px,.35dvh,4px)}.quiz-today-entry{border-radius:6px;grid-template-columns:clamp(16px,1.4dvh,24px) minmax(0,1fr) auto;gap:clamp(3px,.5vw,6px);min-height:clamp(20px,2.3dvh,34px);padding:1px clamp(3px,.7vw,6px)}.quiz-today-entry:nth-child(n+4){display:none}.quiz-today-rank{font-size:clamp(11px,.2vw + 1.1dvh,17px)}.quiz-today-entry strong{font-size:clamp(13px,.45vw + 1.1dvh,20px)}.quiz-today-points{font-size:clamp(12px,.4vw + 1.1dvh,18px)}.quiz-today-empty{min-height:clamp(44px,5dvh,70px);font-size:clamp(12px,1.1dvh,18px)}.quiz-footer{display:none}}@media (orientation:portrait) and (aspect-ratio<=4/5) and (height<=700px){.quiz-overlay{padding:max(6px, env(safe-area-inset-top)) clamp(10px, 3.2vw, 18px) 0;gap:0}.quiz-overlay:after{inset:max(5px, env(safe-area-inset-top)) 5px auto;height:calc(33.333dvh - max(9px, env(safe-area-inset-top)));border-radius:14px}.quiz-brand,.quiz-brand-lockup{gap:5px}.quiz-brand-title{font-size:clamp(16px,2.5dvh,22px)}.quiz-live-dot{flex-basis:7px;width:7px;height:7px}.quiz-phase-label{gap:3px;padding:1px 5px;font-size:clamp(11px,1.8dvh,15px)}.quiz-phase-pip{width:4px;height:4px}.quiz-board{gap:1px}.quiz-round-label{font-size:clamp(11px,1.8dvh,15px)}.quiz-prompt-stage{min-height:clamp(42px,7.4dvh,52px)}.quiz-board h1{font-size:clamp(36px,min(13vw,7.4dvh),58px)}.quiz-prompt-medium h1{font-size:clamp(31px,min(10.8vw,6.4dvh),48px)}.quiz-prompt-long h1{font-size:clamp(25px,min(8.8vw,5.4dvh),38px)}.quiz-hint{font-size:clamp(13px,2.1dvh,18px)}.quiz-clock{gap:2px;padding:1px 4px;font-size:clamp(9px,1.45dvh,12px)}.quiz-clock-value strong{font-size:clamp(22px,3.5dvh,30px)}.quiz-clock-value small{font-size:clamp(9px,1.45dvh,12px)}.quiz-answer-reveal{padding:2px 5px;font-size:clamp(13px,2.1dvh,18px)}.quiz-honor{gap:1px}.quiz-rankings{gap:3px}.quiz-today{gap:1px}.quiz-section-title{font-size:clamp(14px,2.3dvh,20px)}.quiz-title-mark{height:12px}.quiz-section-title small{font-size:clamp(10px,1.7dvh,14px)}.quiz-winners{gap:1px}.quiz-winner{border-radius:4px;grid-template-columns:auto 17px minmax(0,1fr) auto;gap:2px;min-height:15px;padding:0 2px}.quiz-seat-name{font-size:clamp(8px,1.3dvh,10px)}.quiz-winner img,.quiz-avatar-fallback,.quiz-empty-avatar{width:17px;height:17px;font-size:clamp(8px,1.35dvh,10px)}.quiz-winner-copy strong,.quiz-empty-copy strong{font-size:clamp(10px,1.6dvh,12px)}.quiz-today-list{gap:1px}.quiz-today-entry{border-radius:4px;grid-template-columns:14px minmax(0,1fr) auto;gap:2px;min-height:17px;padding:0 2px}.quiz-today-rank{font-size:9px}.quiz-today-entry strong,.quiz-today-points{font-size:10px}.quiz-today-empty{min-height:34px;font-size:10px}}@media (prefers-reduced-motion:reduce){.quiz-live-dot,.quiz-clock-critical,.quiz-winner{animation:none}}@media (width<=760px){.quiz-admin-shell{padding:20px}.quiz-admin-header,.quiz-admin-grid{grid-template-columns:1fr}.quiz-admin-header{flex-direction:column;align-items:start}}.studio-shell,.studio-login{--studio-ink:#f5f0e5;--studio-muted:#9ba6ae;--studio-card:#18222c;--studio-line:#ffffff18;--studio-gold:#efbd5f;min-height:100vh;color:var(--studio-ink);background:radial-gradient(circle at 88% 0,#675022 0,#0000 34rem),radial-gradient(circle at 0 100%,#123235 0,#0000 30rem),#0f151c}.studio-shell{width:min(1080px,100% - 32px);margin:0 auto;padding:36px 0 80px}.studio-topbar{justify-content:space-between;align-items:end;gap:22px;margin-bottom:26px;display:flex}.studio-eyebrow{color:var(--studio-gold);letter-spacing:.2em;font-size:11px;font-weight:800}.studio-topbar h1,.studio-login h1{margin:5px 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(30px,5vw,48px);line-height:1.1}.studio-status{border:1px solid var(--studio-line);color:#b8c1c8;background:#101820b8;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.studio-status>span{background:#7d8790;border-radius:50%;width:8px;height:8px}.studio-status-live>span{background:#54d89a;box-shadow:0 0 14px #54d89a}.studio-status-connecting>span,.studio-status-login_pending>span{background:var(--studio-gold);animation:.9s ease-in-out infinite alternate studio-pulse}.studio-status-error>span,.studio-status-token_invalid>span,.studio-status-collector_unreachable>span{background:#ff746b}.studio-alert{background:#4233158c;border:1px solid #efbd5f45;border-radius:15px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.studio-alert>span{color:#c1b89f;flex:1}.studio-alert-danger{color:#ffb2ad;background:#49231f8c;border-color:#ff716845}.studio-steps{gap:14px;display:grid}.studio-card{border:1px solid var(--studio-line);background:#18222ce8;border-radius:22px;padding:22px;box-shadow:0 22px 60px #0000001c}.studio-card-disabled{opacity:.6}.studio-step-header{align-items:center;gap:11px;margin-bottom:18px;display:flex}.studio-step-header h2{margin:0;font-size:19px}.studio-step-number{border:1px solid var(--studio-line);width:31px;height:31px;color:var(--studio-muted);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.studio-step-active{color:#19130a;border-color:var(--studio-gold);background:var(--studio-gold)}.studio-step-done{color:#0b2118;background:#54d89a;border-color:#54d89a}.studio-row,.studio-account,.studio-game-placeholder,.studio-room-status,.studio-obs{align-items:center;gap:14px;display:flex}.studio-row-spread,.studio-account,.studio-game-placeholder{justify-content:space-between}.studio-account p,.studio-game-placeholder p,.studio-room-status p{color:var(--studio-muted);margin:5px 0 0;font-size:13px;line-height:1.5}.studio-ok{color:#73dca8;background:#54d89a14;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}.studio-room-form{grid-template-columns:1fr auto auto;gap:9px;display:grid}.studio-room-form input{border:1px solid var(--studio-line);min-width:0;color:inherit;background:#101820;border-radius:10px;outline:none;padding:11px 14px}.studio-room-form input:focus{border-color:var(--studio-gold)}.studio-room-status{border-top:1px solid var(--studio-line);margin-top:16px;padding-top:15px}.studio-room-status img{object-fit:cover;border-radius:50%;width:46px;height:46px}.studio-error{color:#ff9d97!important}.studio-help{color:var(--studio-muted);margin:12px 0 0;font-size:12px;line-height:1.6}.studio-obs{flex-wrap:wrap}.studio-obs code{border:1px solid var(--studio-line);color:#cbd5da;overflow-wrap:anywhere;background:#101820;border-radius:9px;flex:1;min-width:240px;padding:10px 12px;font-size:12px}.studio-obs a{color:var(--studio-gold);font-size:13px}.studio-diagnostics{border:1px solid var(--studio-line);background:#131b23cc;border-radius:16px;margin-top:16px}.studio-diagnostics summary{color:#aab4bc;cursor:pointer;padding:15px 18px;font-size:13px}.studio-diagnostics .event-list{padding:0 14px 14px}.studio-login{place-items:center;padding:24px;display:grid}.studio-login>section{border:1px solid var(--studio-line);background:#18222cf2;border-radius:28px;width:min(560px,100%);padding:clamp(28px,7vw,56px);box-shadow:0 38px 100px #0008}.studio-login p{color:var(--studio-muted);line-height:1.7}.studio-login form{grid-template-columns:1fr auto;gap:9px;margin-top:28px;display:grid}.studio-login input{border:1px solid var(--studio-line);min-width:0;color:inherit;background:#101820;border-radius:999px;outline:none;padding:11px 14px}@keyframes studio-pulse{to{opacity:.35}}@media (width<=680px){.studio-shell{padding-top:20px}.studio-topbar{flex-direction:column;align-items:start}.studio-room-form,.studio-login form{grid-template-columns:1fr}.studio-row-spread,.studio-account,.studio-game-placeholder{flex-direction:column;align-items:stretch}.studio-account button,.studio-row button{justify-self:start}}:root{color:#f8f4e8;font-synthesis:none;background:#0f141c;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#29404a 0,#0000 34rem),radial-gradient(circle at 0 100%,#3d301a 0,#0000 30rem),#0f141c;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#19130a;cursor:pointer;background:#efbd5f;border:0;border-radius:999px;padding:10px 16px;font-weight:750;transition:transform .15s,filter .15s}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{color:#e8e5db;background:#ffffff12}button.quiet{color:#a8b0b8;background:0 0;border:1px solid #ffffff1a}main{width:min(860px,100% - 32px);margin:0 auto;padding:34px 0 72px}h1{letter-spacing:-.03em;margin:5px 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(28px,5vw,44px);font-weight:700}.eyebrow{color:#d4a94f;letter-spacing:.18em;font-size:11px;font-weight:800}.topbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.connection{color:#b7c0c8;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;display:flex}.room-input{width:min(340px,42vw);min-width:220px;color:inherit;background:#111821;border:1px solid #fff2;border-radius:999px;outline:none;padding:10px 14px}.room-input:focus{border-color:#efbd5f}.status{background:#707984;border-radius:50%;width:9px;height:9px;display:inline-block}.status-connected,.status-live{background:#54d89a;box-shadow:0 0 16px #54d89a}.status-connecting{background:#efbd5f;animation:.9s ease-in-out infinite alternate pulse}.status-error{background:#ff7168}.summary{grid-template-columns:repeat(3,minmax(100px,1fr)) auto;gap:10px;margin-bottom:16px;display:grid}.summary>div{background:#171f29b3;border:1px solid #ffffff12;border-radius:16px;gap:3px;padding:13px 16px;display:grid}.summary span{color:#8f9aa5;font-size:12px}.summary strong{font-variant-numeric:tabular-nums;font-size:22px}.notice{color:#ffafa9;background:#4a201d80;border:1px solid #ff71684d;border-radius:14px;margin-bottom:14px;padding:12px 16px}.event-list{gap:10px;display:grid}.event-card{background:#18212ccc;border:1px solid #ffffff12;border-radius:18px;gap:13px;padding:13px;animation:.22s ease-out enter;display:flex;box-shadow:0 16px 42px #00000014}.event-gift{background:linear-gradient(120deg,#3a2c18dd,#1b222bdd);border-color:#e5b85c5c}.avatar{object-fit:cover;border:1px solid #ffffff26;border-radius:50%;flex:0 0 46px;width:46px;height:46px}.avatar-fallback{color:#17120a;background:#efbd5f;place-items:center;font-weight:800;display:grid}.event-body{flex:1;min-width:0}.event-meta{align-items:center;gap:8px;display:flex}.event-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-meta span{color:#e3bd72;background:#e3bd7214;border-radius:999px;padding:2px 7px;font-size:11px}.event-meta time{color:#75808c;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.event-body p{color:#d7dde2;overflow-wrap:anywhere;margin:7px 0 0;line-height:1.5}.empty{color:#87929e;text-align:center;border:1px dashed #ffffff1c;border-radius:22px;padding:64px 24px}.empty strong{color:#d9dfe4}.empty p{margin-bottom:0}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#18212ce6;border:1px solid #ffffff18;border-radius:28px;width:min(520px,100%);padding:clamp(28px,7vw,54px);box-shadow:0 40px 100px #0005}.auth-card p{color:#9ea8b2;line-height:1.7}.auth-form{grid-template-columns:1fr auto;gap:10px;margin-top:28px;display:grid}.auth-form input{min-width:0;color:inherit;background:#111821;border:1px solid #fff2;border-radius:999px;outline:none;padding:11px 14px}.auth-form input:focus{border-color:#efbd5f}@keyframes enter{0%{opacity:0;transform:translateY(-8px)}}@keyframes pulse{to{opacity:.35}}@media (width<=680px){.topbar{flex-direction:column;align-items:start}.connection{flex-wrap:wrap;width:100%}.room-input{width:100%}.summary{grid-template-columns:repeat(3,1fr)}.summary .quiet{grid-column:1/-1}.auth-form{grid-template-columns:1fr}}