/* Presentation layer; claim, CSRF, quota, history and copy behaviour unchanged. */
:root{--gold:#d7bb84;--line:#a58a5659;--text:#ececf3;--muted:#b0bbcb}body{background:radial-gradient(ellipse at 75% 35%,#7345a644,transparent 40%),linear-gradient(#07132299,#06101dee),url('/assets/art/home.webp') center top/cover fixed!important;color:var(--text);font-family:Arial,sans-serif}.ambient{display:none}.topbar{background:#07101eee;border-bottom:1px solid var(--line);border-radius:0;max-width:none;padding:20px 5%}.brand strong{font:23px Georgia;color:var(--gold);letter-spacing:2px}.brand small{font-size:8px;letter-spacing:3px;color:var(--muted)}.topbar nav a{font-size:12px;color:#e6dfd4;border-radius:0}main.container{max-width:1100px;display:grid;grid-template-columns:1fr 1.2fr;gap:26px;padding-top:25px}.hero{grid-column:1/-1;text-align:center;padding:10px 0 22px}.hero h1,.hero h1 span{font:38px Georgia;color:#eee2cc;text-shadow:0 0 25px #aa82d455}.hero p{font-size:12px;color:var(--muted);max-width:650px;margin:12px auto}.eyebrow{font-size:9px;color:var(--gold);letter-spacing:2px}.hero-badges{justify-content:center}.hero-badges span{background:#101c2be6;border:1px solid var(--line);border-radius:2px;font-size:10px}.card,.claim-card,.how,.history{background:linear-gradient(125deg,#111d2dee,#040c18f2);border:1px solid var(--line);border-radius:2px;box-shadow:0 10px 35px #0003;padding:25px;margin:0}.claim-card{grid-column:1;grid-row:2}.section-head h2,.section-title h2{font:23px Georgia;color:#eadfc9}.section-head p,.section-title p{font-size:11px;color:var(--muted);line-height:1.6}.section-head>div{gap:10px}.step,.section-title>span{background:#b1965820;border:1px solid var(--line);border-radius:0;color:var(--gold)}label{font-size:12px;color:#d2c8b6}input{border:1px solid var(--line)!important;background:#050e1be8!important;color:#dde4ed;border-radius:2px!important;font-size:13px;padding:14px}input:focus{outline:2px solid #d3b77655}.primary{background:linear-gradient(110deg,#9d753a,#f5dfaa 45%,#be985a)!important;color:#110e09!important;border:1px solid #f1d49b!important;border-radius:2px!important;font-weight:700;box-shadow:0 0 16px #e6bc6940;min-height:44px}.live-dot{font-size:9px;color:#9dd5ae}.live-dot i{background:#9dd5ae;box-shadow:0 0 10px #9dd5ae}.result-card{grid-column:2;grid-row:2;align-self:center;background:radial-gradient(ellipse,#34245788,transparent 70%);border:1px solid #ba8fec55;border-radius:50%;box-shadow:0 0 40px #986adb30,inset 0 0 70px #986adb20;padding:55px 15px;margin:0;text-align:center}.result-label{color:#e5d7bf;font-size:12px;letter-spacing:3px}.room-code{font:64px Georgia;color:#eadbbf;letter-spacing:6px;text-shadow:0 0 25px #c89df4;margin:18px 0}.copy{border:1px solid #b99c6b;background:#07111bd9;color:#ede9df;border-radius:2px;padding:12px 20px;font-size:11px}.how,.history{grid-column:1/-1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article{background:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:15px}.steps article>b{font:25px Georgia;color:var(--gold)}.steps article h3{font:17px Georgia;color:#eadfc9}.steps article p{font-size:11px;color:var(--muted)}.history-item{background:#0b1525;border:0;border-bottom:1px solid var(--line);border-radius:0}.history-item strong{font:23px Georgia;color:var(--gold)}.history-item small,.history-item>span{font-size:11px;color:var(--muted)}footer{background:#040c17;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:40px;padding:20px 5%}.notice{border-radius:2px}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:760px){body{background-attachment:scroll!important}.topbar{padding:15px;flex-wrap:wrap;gap:15px}.topbar nav{gap:12px}.topbar nav a{font-size:10px}main.container{grid-template-columns:1fr;width:calc(100% - 28px);gap:20px}.hero,.claim-card,.result-card,.how,.history{grid-column:1;grid-row:auto}.hero h1,.hero h1 span{font-size:31px}.hero p{font-size:11px}.claim-card,.how,.history{padding:20px}.result-card{padding:45px 15px}.room-code{font-size:53px}.steps{grid-template-columns:1fr}.history-item{gap:10px;flex-wrap:wrap}.hero-badges{flex-wrap:wrap}.section-head{flex-wrap:wrap;gap:12px}footer{flex-wrap:wrap;gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
