:root{--accent:#b6f469;color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;background:#101215;color:#f1f2ed}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1190px;margin:auto;padding:0 36px}header{border-bottom:1px solid #303238;background:#15171a}.top,.title,.sectionhead,.line{display:flex;align-items:center;justify-content:space-between}.top{height:62px;justify-content:flex-start;gap:24px}.top span{border-left:1px solid #444;padding-left:24px;color:#afb3b9}.brand{font-weight:900;font-style:italic;letter-spacing:.06em}.brand i{color:#b6f469;margin-right:8px}.title{margin:38px 0 24px}small,.map,.pill,.mode-tag,.ratio,.tiers,.sectionhead span{font-family:Consolas,monospace}.title small,aside small{color:#b6f469;font-size:11px;letter-spacing:.16em;font-weight:700}h1{font-size:clamp(34px,4vw,55px);letter-spacing:-.06em;margin:4px 0}h2{font-size:21px;letter-spacing:-.035em;margin:0}h3{font-size:16px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.sectionhead{margin:0 0 14px}.sectionhead span,.map{font-size:12px;color:#b7babf}.pill{border:1px solid #42464b;padding:5px 10px;border-radius:20px}.scene{height:410px;position:relative;border:1px solid #444950;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#0a101947,transparent),url(surf.jpg) center/cover;display:flex;align-items:center;padding:22px;margin-bottom:26px}.map{position:absolute;right:12px;bottom:10px;background:#111b;padding:5px;border-radius:3px;color:white}.card{width:260px;max-width:100%;padding:15px 17px;color:#fff;background:rgba(16,20,24,.94);border:1px solid #555c60;border-top:3px solid var(--accent);border-radius:7px;box-shadow:0 10px 30px #0004}.mode-tag{color:var(--accent);text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:.08em}.who{font-size:11px;color:#b8bec6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:56%}.big{font-weight:750;font-size:32px;letter-spacing:-.05em;margin-top:8px}.big span{color:#a2a6a9;font-size:17px}.note{font-size:11px;color:#bfc2c6;margin-bottom:8px}.tiers{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;border-top:1px solid #414446;margin-top:12px;padding-top:11px;font-size:12px}.tiers .line{gap:5px}.tiers b{color:#b7bdc2;font-weight:400}.track{height:5px;background:#404548;border-radius:4px;overflow:hidden}.track i{display:block;background:var(--accent);height:100%}aside,dialog{background:#1a1d20;border:1px solid #373a3d;border-radius:12px;padding:24px}aside h2{margin:7px 0 24px}label{display:block;font-size:14px;font-weight:600;margin:17px 0 8px}button,select,input{font:inherit;border:1px solid #474b51;color:#f5f5f5;background:#24282c;border-radius:7px;padding:10px 13px}button,select{cursor:pointer}button:hover{border-color:#acb3b5}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}aside button,select,input,dialog button{width:100%}aside button+button,dialog button+button{margin-top:8px}button.primary{background:#b6f469;color:#17200e;font-weight:700;border-color:transparent}p{font-size:14px;line-height:1.5;color:#b0b6bd}hr{border:0;border-top:1px solid #363a3d;margin:24px 0}#colors{display:flex;gap:10px}#colors button{width:26px;height:26px;padding:0;border-radius:50%;border:3px solid #1a1d20;margin:0}#colors button[aria-pressed=true]{outline:1px solid white}#feedback:empty{display:none}#breakdown{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:35px}.tile{border:1px solid #34383d;border-radius:7px;padding:12px;background:#181b1f}.tile small{color:#a9b0b7}.ratio{margin:7px 0;font-size:15px}dialog{max-width:360px}dialog::backdrop{background:#0009}html.overlay,html.overlay body{background:transparent}.overlay header,.overlay main{display:none}@media(max-width:850px){.columns{grid-template-columns:1fr}.wrap{padding:0 18px}aside{margin-bottom:20px}.scene{height:340px}}@media(max-width:540px){#breakdown{grid-template-columns:repeat(2,1fr)}.title{align-items:flex-start;gap:8px}.title button{font-size:12px}.scene{padding:12px}}
dialog{width:min(460px,calc(100vw - 32px));max-width:none;max-height:90vh;overflow:auto}.profile-steps{padding-left:22px;line-height:1.55;color:#c6cbd1;font-size:14px}.profile-steps li{padding-left:4px;margin:9px 0}.profile-steps li::marker{color:#b6f469;font-weight:700}.profile-steps a{color:#b6f469;text-underline-offset:3px}kbd{white-space:nowrap}

.language-choice{display:flex;align-items:center;gap:8px;margin:0 0 0 auto}.language-choice select{width:auto}@media(max-width:620px){.top>span{display:none}.top{gap:8px}}@media(max-width:420px){.language-choice b{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}}

.overlay #widget { width: 320px; }
.overlay .card { margin: 0; width: 100%; box-shadow: none; }