body{position:relative;isolation:isolate;background-color:#08121e;background-image:radial-gradient(circle at 14% 9%,rgba(52,202,203,.18),transparent 24%),radial-gradient(circle at 84% 32%,rgba(36,114,155,.16),transparent 27%),linear-gradient(180deg,#0a1522 0%,#07101a 100%)}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.7;background-image:radial-gradient(circle,rgba(222,248,248,.52) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(70,201,202,.42) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(255,255,255,.28) 0 1px,transparent 1.5px);background-position:0 0,38px 61px,92px 17px;background-size:137px 137px,181px 181px,223px 223px}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(7,16,26,.88),rgba(7,16,26,.18) 45%,rgba(7,16,26,.78)),radial-gradient(ellipse at 50% 42%,transparent 0 28%,rgba(4,11,19,.5) 76%)}
header{position:relative;z-index:3;background:rgba(13,27,42,.9);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.2)}
.site-logo{filter:brightness(1.42) contrast(1.08) drop-shadow(0 5px 14px rgba(0,0,0,.3))}
.shell{position:relative}.shell:before{content:"";position:absolute;top:12px;right:4px;width:92px;height:92px;border-top:1px solid rgba(63,199,200,.23);border-right:1px solid rgba(63,199,200,.23);transform:rotate(45deg);pointer-events:none}
.shell>h1{font-size:clamp(2.15rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.035em;margin:12px 0 8px;text-wrap:balance}.shell>.kicker{display:inline-flex;align-items:center;gap:10px}.shell>.kicker:before{content:"";width:22px;height:1px;background:#45c5c8}
.panel,.feedback-card,.condition-panel,.metric{background:linear-gradient(145deg,rgba(22,39,57,.96),rgba(13,27,42,.97));border-color:rgba(78,111,139,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 55px rgba(0,0,0,.2)}
.panel{position:relative;overflow:hidden}.panel:after{content:"";position:absolute;right:-65px;top:-65px;width:145px;height:145px;border:1px solid rgba(65,197,200,.09);transform:rotate(45deg);pointer-events:none}.panel>*{position:relative;z-index:1}.panel.soft{background:linear-gradient(150deg,rgba(12,28,43,.98),rgba(9,21,33,.98))}
.feedback-card{transition:border-color .18s ease,transform .18s ease}.feedback-card:hover{border-color:rgba(69,197,200,.58)}.feedback-card h3,.kicker,.eyebrow{color:#80dddc}.quote{color:#f0d69e}.notice{border-left-color:#45c5c8;background:rgba(38,118,132,.08);padding:12px 14px}
.progress{height:6px;background:#203447;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.progress>div,.meter>div{background:linear-gradient(90deg,#20aeb3,#65d5d1);box-shadow:0 0 15px rgba(46,194,195,.38)}
.condition-panel{border-top:2px solid rgba(63,199,200,.46)}.condition{background:linear-gradient(145deg,rgba(28,53,75,.96),rgba(19,39,57,.96));border:1px solid rgba(74,111,140,.46)}.condition>span{color:#4fd0cf;text-shadow:0 0 16px rgba(70,209,208,.5)}
.option{position:relative;background:linear-gradient(145deg,#172d41,#14283b);border-color:#35516a;box-shadow:0 8px 22px rgba(0,0,0,.14);transition:transform .16s ease,border-color .16s ease,background .16s ease}.option:hover{transform:translateY(-1px);border-color:#4ccdcc;background:linear-gradient(145deg,#1a3549,#173044)}.option.selected{border-color:#52d2d0;background:linear-gradient(145deg,#214154,#183746);box-shadow:inset 4px 0 0 #52d2d0,0 10px 26px rgba(0,0,0,.2)}.letter{background:#28475c;color:#87e2df}
.btn{background:linear-gradient(135deg,#e2c88f,#caa86d);border-color:#ead5a9;box-shadow:0 8px 22px rgba(0,0,0,.22);letter-spacing:.015em}.btn.secondary{background:linear-gradient(145deg,#18344a,#142a3e);border-color:#4b758e}.btn:hover{transform:translateY(-1px)}
.field{background:rgba(7,18,29,.78);border-color:#42627a}.field:focus{border-color:#53cecd;box-shadow:0 0 0 3px rgba(74,205,205,.12)}.reveal{border-left-color:#47c8c7;background:linear-gradient(90deg,rgba(39,92,111,.5),rgba(26,52,73,.78))}.judgment{box-shadow:0 8px 24px rgba(0,0,0,.2)}
body[data-phase="round"] .shell>h1,body[data-phase="commit"] .shell>h1,body[data-phase="report"] .shell>h1{text-shadow:0 7px 28px rgba(0,0,0,.32)}body[data-phase="round"] .shell>p.muted{font-size:.92rem;text-transform:uppercase;letter-spacing:.08em;color:#91aabd}body[data-phase="commit"] .shell,body[data-phase="report"] .shell{max-width:900px}
.legal-notice{background:rgba(7,17,27,.56);border:1px solid rgba(49,72,91,.55);border-radius:14px;padding:18px 20px}.legal-notice h2{color:#70cfce}
@media(max-width:650px){body:before{opacity:.45}.shell:before{display:none}.shell>h1{font-size:2.25rem}.panel,.feedback-card,.condition-panel,.metric{box-shadow:0 14px 34px rgba(0,0,0,.17)}}