:root{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#f1eee4;background:#10151b;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#1c2832 0,transparent 65%),#10151b}button,a{-webkit-tap-highlight-color:transparent}button,.button{font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;cursor:pointer;border:1px solid #48545f;border-radius:6px;padding:17px 22px;min-height:56px;color:#f1eee4;background:#202a34;text-align:center;text-decoration:none}button:hover,.button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f6c96d;outline-offset:4px}header{max-width:1020px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid #303b45;font-size:14px}.brand{color:#f1eee4;text-decoration:none;font:700 13px monospace;letter-spacing:.1em}.brand span{color:#91a4b5;margin-left:10px}.tag,.eyebrow{font:12px/1.5 monospace;letter-spacing:.13em;color:#94a8b9}.tag{border:1px solid #3c4954;padding:5px 9px;border-radius:3px}main{max-width:880px;margin:0 auto;padding:32px 28px}.title{max-width:760px;text-align:center;padding-top:52px}.eyebrow i,.chart-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#73d4cf;margin-right:8px}h1{font-size:clamp(42px,7vw,70px);letter-spacing:-.04em;line-height:1.3;margin:22px 0 0}h1 em{color:#ff697a;font-style:normal}.hero-cat{height:220px;position:relative;display:flex;align-items:center;justify-content:center}.hero-cat svg{position:absolute;inset:15px 0;width:100%;height:190px;opacity:.38;z-index:0}.hero-cat path{fill:none;stroke-width:3}.cat{width:144px;height:auto;aspect-ratio:310 / 350;flex-shrink:0;image-rendering:pixelated;position:relative;z-index:1}.hero-cat .cat{transform:translateY(12px)}.bubble{position:absolute;top:18px;left:50%;font-size:13px;background:#26313c;border:1px solid #52616f;border-radius:6px;padding:12px 16px;z-index:2;white-space:nowrap}.intro{font-size:16px;line-height:1.9;margin:0 0 24px}.intro span{color:#9faeb9;font-size:14px}.primary{background:#edc26c;color:#1a2025;border-color:#edc26c;width:100%;font-size:20px;font-weight:800}.title>.primary{max-width:390px}.primary span{float:right}.rules{display:flex;justify-content:center;gap:24px;margin:20px 0 28px;color:#9fafbb;font-size:12px}details{text-align:left;max-width:570px;margin:0 auto;color:#95a7b7;font-size:13px;line-height:1.8}summary{cursor:pointer;text-align:center}.promo{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:18px;padding:24px 0;margin-top:36px;border-top:1px solid #35414c}.promo small,.promo strong{display:block}.promo small{color:#91a5b6;font-size:12px;margin-bottom:6px}.promo strong{font-size:15px}.promo button,.promo .button{font-size:13px;white-space:nowrap;padding:12px 16px}footer{text-align:center;padding:20px 20px 32px;font-size:12px;color:#687f91}.quote{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.quote small,.stats small,.pnl small{display:block;color:#95a7b7;font-size:12px;margin-bottom:9px}.quote strong{font:700 34px monospace}.clock{text-align:right}.clock strong{font-size:28px;color:#efc76c}.chart-wrap{border:1px solid #35414d;border-radius:8px;background:#101923;overflow:hidden}.chart-head{display:flex;justify-content:space-between;padding:14px 18px;font:11px monospace;letter-spacing:.13em;color:#98aebf;border-bottom:1px solid #273643}canvas{display:block;width:100%;height:auto}.legend{display:flex;gap:20px;padding:6px 18px 14px;color:#73d4cf;font-size:11px;flex-wrap:wrap}.legend span:nth-child(2){color:#efc76c}.pnl{margin:20px 0;background:#192530;border:1px solid #34424e;border-radius:6px;padding:22px 24px;position:relative}.pnl strong{font:700 clamp(30px,6vw,46px) monospace;letter-spacing:-.04em}.pnl>span{margin-left:18px;font:700 20px monospace}.negative{background:#281d25;border-color:#59313e}.negative strong,.negative>span,.red{color:#ff697a}.positive strong,.positive>span{color:#73d4cf}.gold{color:#efc76c}.danger{box-shadow:inset 4px 0 #ff697a}.danger strong{animation:tremble .35s ease-in-out 2}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 3px}.stats strong{font-size:18px;font-variant-numeric:tabular-nums}.guide{display:flex;align-items:center;justify-content:center;gap:5px;min-height:95px;margin-top:10px}.guide .cat{width:80px}.guide p{font-size:14px;color:#becbd5;border:1px solid #3b4b58;background:#1e2a34;padding:13px 18px;border-radius:6px;max-width:75%}.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions button,.actions .button{font-size:19px;font-weight:700}.actions small{display:block;font-size:11px;font-weight:400;margin-top:6px}.buy{border-color:#73d4cf;color:#73d4cf;background:#1c3337}.sell{border-color:#ff697a;background:#ff697a;color:#19171b}.fine{font-size:11px;color:#91a2b0;line-height:1.7;text-align:center}.result h2{font-size:clamp(25px,5vw,40px);color:#efc76c;text-align:center;margin:20px 0 0}.result>.eyebrow{text-align:center}.result-cat{display:flex;align-items:center;justify-content:center;gap:12px}.result-cat .cat{width:110px}.result-cat p{font-size:14px;color:#c7d2dc;max-width:60%}.result-stats{grid-template-columns:1fr 1fr;gap:22px;margin:25px 0 30px}.result-stats small{line-height:1.5}.reveal{padding:24px;margin-top:22px;background:#1b2630;border:1px solid #34424e;border-radius:6px}.reveal>small{color:#94adbf;font-size:12px}h3{font-size:25px;margin:12px 0 18px}h3 span{display:block;font:12px monospace;color:#8fa8b9;margin-top:6px}.reveal p{font-size:14px;line-height:1.8;color:#bdccd8}.reveal .actual{padding-top:14px;border-top:1px solid #3a4752}.comment{text-align:center;color:#efc76c;padding:12px 0}.result>.primary{margin-top:18px}.text-button{border:0;background:transparent;width:100%;font-size:13px;color:#98aab9}.secondary{background:#202d38;border-color:#576675}.ranking{margin:24px 0;padding:24px;background:#1b2630;border:1px solid #34424e;border-radius:6px}.ranking h3{color:#efc76c}.ranking label{display:block;font-size:13px;margin-bottom:10px}.ranking-entry{display:flex;gap:12px;flex-wrap:wrap}.ranking-entry input{flex:1;min-width:160px;width:100%;font:inherit;color:#f1eee4;background:#101923;border:1px solid #607080;border-radius:6px;padding:15px}.ranking-entry button{flex-shrink:0}.ranking ol{padding-left:28px}.ranking li{padding:12px 0;border-bottom:1px solid #35414c;font-size:14px}.ranking li strong{float:right;font-variant-numeric:tabular-nums;color:#73d4cf}@keyframes tremble{25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media(max-width:580px){header{padding:17px 16px}.tag{font-size:9px}.brand{font-size:10px}.brand span{margin-left:3px}main{padding:26px 16px}.title{padding-top:38px}.hero-cat{height:200px}.bubble{left:45%;font-size:11px}.promo{flex-direction:column;text-align:center}.promo button,.promo .button{width:100%}.quote strong{font-size:27px}.clock strong{font-size:24px}.pnl{padding:19px 17px}.pnl>span{display:block;margin:8px 0 0;font-size:17px}.stats{gap:8px}.stats strong{font-size:14px}.stats small{font-size:10px}.actions{gap:10px}.actions button,.actions .button{font-size:16px;padding:16px 10px}.guide p{font-size:12px;padding:10px}.reveal{padding:19px}.result-stats strong{font-size:18px}.rules{gap:15px}.legend{gap:12px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.title details{margin-top:24px}html[lang=en] h1{font-size:clamp(36px,6vw,60px)}html[lang=en] header strong{font-size:13px}html[lang=en] .bubble{white-space:normal;max-width:210px}