:root{--bg: #0F0D16;--card: #1A1724;--card-2: #15121D;--raised: #24202F;--line: #242031;--border: #3A3350;--text: #F4F2FA;--text-2: #E4E0F0;--body: #CFCAE0;--muted: #A39FB4;--muted-2: #8D88A0;--dim: #6E6880;--violet: #7254F5;--violet-l: #A996FF;--pale: #CFC6FF;--gold: #FFB547;--up: #3DD68C;--down: #FF6B5A;--down-l: #FF8A7A;--display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--ease: cubic-bezier(.23, 1, .32, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg)}body{font-family:Figtree,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;cursor:pointer}a{color:var(--violet-l)}a:hover{color:#c9bdff}img{display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--violet-l);outline-offset:2px}.app{position:relative;height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;overflow:clip;background:var(--bg);container:app / size}@media(min-width:700px)and (min-height:560px){html,body,#root{background:#08070c}#root{height:auto;min-height:100%;display:flex}.app{--frame-h: clamp(640px, calc(100dvh - 56px) , 900px);height:var(--frame-h);width:calc(var(--frame-h) * 390 / 844);max-width:none;margin:auto;border-radius:34px;box-shadow:0 0 0 1px #ffffff14,0 24px 80px #0000008c}}.page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.page.tabbed{padding-bottom:0}.display{font-family:var(--display)}.num{font-variant-numeric:tabular-nums}.grow{flex:1 1 auto;min-height:0}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.center{display:flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon-btn{width:44px;height:44px;flex-shrink:0;border:none;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px}.btn-light{width:100%;height:56px;flex-shrink:0;border-radius:16px;border:none;background:var(--text);color:var(--bg);font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;text-decoration:none}.btn-line{width:100%;height:52px;flex-shrink:0;border-radius:16px;border:none;background:transparent;box-shadow:inset 0 0 0 1.5px var(--border);color:var(--text);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-danger{width:100%;height:56px;flex-shrink:0;border-radius:16px;border:none;background:var(--down);color:var(--bg);font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.btn-light:disabled,.btn-line:disabled,.btn-danger:disabled{opacity:.5;cursor:default}.lift{transition:transform .15s ease}.lift:active{transform:scale(.97)}.link{min-height:44px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--violet-l);font-size:15px;font-weight:800;background:none;border:none;padding:0}.card{border-radius:20px;background:var(--card)}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#2a2440;overflow:hidden}.avatar img{width:80%;height:80%;object-fit:contain}.disclaimer{margin:0;font-size:12px;font-weight:600;line-height:1.45;color:var(--muted-2);text-align:center}.chip-tag{height:22px;padding:0 8px;border-radius:7px;background:var(--card);color:var(--pale);font-size:10.5px;font-weight:900;letter-spacing:.1em;display:flex;align-items:center}.bug{height:64px;flex-shrink:0;border-radius:18px;background:var(--card);display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);overflow:hidden}.bug-side{display:flex;align-items:center;gap:10px;min-width:0;padding:0 8px 0 10px}.bug-side.right{justify-content:flex-end;padding:0 10px 0 8px}.bug-text{display:flex;flex-direction:column;min-width:0}.bug-side.right .bug-text{align-items:flex-end}.bug-label{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bug-score{font-size:25px;font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums}.bug-name{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bug-elo{font-size:12.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.bug-mid{display:flex;align-items:center;justify-content:center;background:var(--violet);transition:background .3s}.chart{position:relative;background:#000;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff12;overflow:hidden}.chart .tag{position:absolute;left:12px;top:12px;z-index:2}.plot{position:absolute;inset:42px 12px 16px}.wick,.candle{position:absolute;transition:top .45s var(--ease),height .45s var(--ease)}.wick{width:1.5px;margin-left:-.75px}.candle{min-height:1px;border-radius:1px}.guide{position:absolute;border-top:1.5px dashed #6E5FA6;transition:top .45s var(--ease)}.zone{position:absolute;right:-6px;top:-8px;bottom:-8px;border-radius:10px;border:1.5px dashed var(--border);background:#7254f514;transition:background .4s,border-color .4s}.zone.open{border-color:#ffffff1a;background:#ffffff06}.zone-label{position:absolute;right:-6px;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.answer-bar{height:70px;flex-shrink:0;border-radius:20px;background:var(--card);padding:5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.seg{border:none;border-radius:15px;background:var(--raised);color:var(--text);display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:.01em;transition:background .15s,color .15s,opacity .2s,transform .12s}.seg:active:not(:disabled){transform:scale(.98)}.seg:disabled{cursor:default}.seg .arrow{display:flex}.seg.lower .arrow{color:var(--down-l)}.seg.higher .arrow{color:var(--up)}.seg.lower.on{background:var(--down);color:var(--bg)}.seg.higher.on{background:var(--up);color:var(--bg)}.seg.on .arrow{color:var(--bg)}.seg.off{opacity:.32}.nav{flex-shrink:0;height:calc(74px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(255,255,255,.06);background:var(--bg);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav button{border:none;background:transparent;color:var(--dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:800}.nav button.on{color:var(--text)}.scrim{position:absolute;inset:0;background:#05040a9e;z-index:40;animation:fade .25s ease both}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:41;background:var(--card);border-radius:28px 28px 0 0;padding:22px 22px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;animation:sheetUp .32s var(--ease) both;max-height:92%;overflow-y:auto}.sheet h2{margin:0;font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.sheet p{margin:0;font-size:16px;font-weight:600;line-height:1.5;color:var(--body)}.overlay{position:absolute;inset:0;z-index:30;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;overflow:clip}.input{height:52px;border-radius:14px;border:none;background:var(--card-2);box-shadow:inset 0 0 0 1.5px var(--border);color:var(--text);font:inherit;font-size:16px;font-weight:700;padding:0 14px;width:100%}.input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--violet-l)}.error-text{font-size:14px;font-weight:700;color:var(--down-l)}.toggle-row{min-height:56px;display:flex;align-items:center;gap:12px;border:none;background:transparent;color:var(--text);padding:0;width:100%;font-size:16px;font-weight:800;text-align:left}.switch{margin-left:auto;width:46px;height:28px;border-radius:14px;background:var(--border);position:relative;transition:background .2s;flex-shrink:0}.switch:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:11px;background:var(--text);transition:transform .2s var(--ease)}.switch.on{background:var(--violet)}.switch.on:after{transform:translate(18px)}.toast{position:absolute;left:16px;right:16px;top:calc(14px + env(safe-area-inset-top));z-index:60;border-radius:14px;background:#2c1513;color:var(--text);padding:12px 14px;font-size:14px;font-weight:700;animation:rise .3s var(--ease) both}@keyframes rise{0%{transform:translateY(12px);opacity:0}}@keyframes fade{0%{opacity:0}}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes cin{0%{opacity:0;transform:scaleY(.15)}}@keyframes dots3{0%,20%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes urgent{0%,to{opacity:1}50%{opacity:.55}}@keyframes drop{0%{transform:translateY(-24px);opacity:0}}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes pulse{0%{box-shadow:0 0 #a996ff8c}to{box-shadow:0 0 0 22px #a996ff00}}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.rise{animation:rise .34s var(--ease) both}.fade{animation:fade .3s ease both}.pop{animation:pop .42s var(--ease) both}.cin{animation:cin .22s var(--ease) both}.drop{animation:drop .45s var(--ease) both}.bob{animation:bob 3.2s ease-in-out infinite}.pulse{animation:pulse 1.4s ease-out infinite}.urgent{animation:urgent .5s ease-in-out infinite}.dots span{animation:dots3 1.2s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.snap{scroll-snap-type:x mandatory;scrollbar-width:none}.snap::-webkit-scrollbar{display:none}.snap>*{scroll-snap-align:start}.scroll{overflow-y:auto;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}@container app (max-height: 740px){.hero-art{width:104px!important;height:104px!important}.hero-title{font-size:38px!important;margin-top:6px!important}.intro-tip{margin-top:10px!important;font-size:14px!important}.count-box{height:112px!important;margin-top:12px!important}.count-box>div{transform:scale(.78)}.result-art{display:none!important}.result-title{font-size:42px!important}.lobby-card{padding:46px 14px!important}.lobby-art{width:64px!important;height:64px!important}.lobby-title{font-size:26px!important}.lobby-line{font-size:14px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@container app (max-height: 680px){.lobby-line{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}