:root{--bg:#07101f;--panel:#101d33;--gold:#f5c84b;--blue:#31a7ff;--text:#f4f1e8;--muted:#9ba9bd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#173a68 0,#07101f 38%,#040914 100%);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;min-height:100vh}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,6vw);border-bottom:1px solid #ffffff1c;background:#050b16dd;position:sticky;top:0;z-index:5}.logo{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.08em}.logo span{display:block;color:var(--gold);font-size:.72em;letter-spacing:.3em}nav{display:flex;gap:22px}nav a{color:#cbd8e8;text-decoration:none}main{max-width:1180px;margin:auto;padding:48px 24px 80px}.hero{min-height:560px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:50px}.hero h1{font-size:clamp(58px,9vw,116px);line-height:.8;margin:14px 0 28px;text-transform:uppercase;font-style:italic}.hero h1 b{color:var(--gold);display:block}.hero p{font-size:19px;line-height:1.65;max-width:720px}.eyebrow{color:#69c1ff!important;font-weight:800;letter-spacing:.18em;font-size:12px!important}.castle{height:370px;border:1px solid #ffffff22;border-radius:50% 50% 18px 18px;background:linear-gradient(160deg,#1c426e,#0c1729);display:grid;place-items:center;font-size:120px;box-shadow:0 0 80px #168cff2b;text-align:center}.castle small{display:block;font-size:12px;letter-spacing:.25em}.actions{display:flex;gap:12px;margin-top:30px}.btn,button{border:1px solid #ffffff30;background:#172844;color:white;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:800;cursor:pointer}.btn.primary,.card button{background:linear-gradient(135deg,#f0bb36,#e77822);color:#14100a;border:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article,.panel,.story,.scenario,.room{background:#0d192bcc;border:1px solid #ffffff17;border-radius:14px;padding:24px}.features article>b{color:var(--gold);font-size:28px}.panel.narrow{max-width:430px;margin:80px auto}.panel.center{text-align:center}.panel form,label{display:grid;gap:9px}label{margin:18px 0}input{background:#07111f;border:1px solid #ffffff28;border-radius:7px;padding:12px;color:white}.topline{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.topline h1{font-size:44px;margin:4px 0}.coins,.score{background:#14253d;border:1px solid #ffffff1d;padding:13px 18px;border-radius:10px;color:var(--gold);font-weight:800}.scenario{display:grid;grid-template-columns:200px 1fr;gap:30px;margin-bottom:40px}.scenario-art{min-height:190px;background:linear-gradient(145deg,#39265d,#0e2548);display:grid;place-items:center;font-size:70px;border-radius:10px}.scenario-art span{font-size:11px;letter-spacing:.2em}.rooms{display:grid;gap:10px}.room{display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.room small{display:block;color:var(--muted);margin-top:4px}.story{border-left:4px solid var(--gold);margin-bottom:30px}.story h2,.story h1{font-size:38px;margin:8px 0}.traits{margin-top:20px;padding:12px;background:#ffffff0a;border-radius:8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.card{background:linear-gradient(160deg,#1a2940,#0a1220);border:2px solid #6e7b8e;border-radius:14px;padding:13px;box-shadow:0 8px 25px #0008;display:block}.cardtop{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#d5dce6}.portrait{height:145px;margin:10px 0;background:radial-gradient(circle,#39689a,#111d2e 70%);border-radius:9px;display:grid;place-items:center;font-size:78px;font-weight:900;color:#ffffff20}.card h3{margin:8px 0 2px}.card small{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0;font-size:12px}.card button{width:100%}.tier-rare{border-color:#2ea6ff}.tier-epic{border-color:#b34cff}.tier-legendary{border-color:#f2bb35}.tier-eternian{border-color:#ff653e}.rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.reward{min-height:190px;background:linear-gradient(160deg,#243d63,#101a2b);border:2px solid var(--gold);border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:end;gap:12px}.reward b{font-size:24px}.reward.claimed{opacity:.45}.timeline{display:grid;gap:8px;margin:20px 0}.timeline div{display:flex;justify-content:space-between;background:#ffffff09;padding:12px;border-radius:8px}.muted,.need{color:var(--muted)}.merge{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.flash{padding:12px 16px;background:#493c16;border:1px solid #d3ad34;border-radius:8px;margin-bottom:18px}footer{text-align:center;color:#617086;padding:30px;border-top:1px solid #ffffff10}@media(max-width:700px){header{padding:0 16px}.logo{font-size:12px}nav{gap:10px;font-size:13px}.hero{grid-template-columns:1fr}.castle{display:none}.features{grid-template-columns:1fr}.scenario{grid-template-columns:1fr}.topline{align-items:start;gap:15px}.topline h1{font-size:32px}.rewards{grid-template-columns:1fr}.timeline div{display:grid;gap:5px}}

/* Lobby / illustrated card refresh */
.lobbygrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:20px;align-items:start}.lobbypanel{background:#08182bcf;border:1px solid #2785d45c;border-radius:14px;padding:18px}.lobbypanel h2{margin:0 0 14px}.join{background:#0877dc;border-color:#1ca2ff}.feature-scenario{display:block;margin:0;padding:12px;background:#07172ad9}.feature-scenario>div+div{padding:8px 6px 6px}.feature-scenario h2{font-size:30px;margin:6px 0}.scenario-meta{color:#b9c9dc;font-size:13px}.wide{width:100%;font-size:15px}.orko-cover{height:270px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 28%,#9d6bff 0,#243f88 20%,transparent 38%),linear-gradient(155deg,#091a35 0,#29477a 48%,#5c1f47 100%);border:1px solid #419be0}.orko-cover:before{content:'♜';font-size:190px;color:#09101c99;position:absolute;left:18px;bottom:-42px}.orko-cover:after{content:'✦';font-size:82px;color:#ffd45c;position:absolute;right:24px;top:28px;text-shadow:0 0 22px #fff}.cover-orb{z-index:2;width:105px;height:105px;border-radius:50% 50% 45% 45%;background:#9b1b25;border:7px solid #cf3136;color:#ffe66c!important;font-size:58px!important;font-weight:900;display:grid;place-items:center;box-shadow:0 0 28px #ffbf3d55}.orko-cover span{z-index:2;position:absolute;bottom:12px;left:14px;color:#fff;background:#050b16bb;padding:6px 9px;border-radius:5px}.portrait{position:relative;overflow:hidden;border:1px solid #ffffff25}.char-silhouette{width:105px;height:125px;border-radius:48% 48% 35% 35%;display:grid;place-items:center;font-size:58px;font-weight:900;color:#f3c985;background:linear-gradient(145deg,#283b59,#101b2d);border:4px solid #d7b36c;box-shadow:0 8px 18px #0009}.char-heman .char-silhouette{background:linear-gradient(145deg,#e1a05c,#b66a32);color:#ffe0a1}.char-teela .char-silhouette{background:linear-gradient(145deg,#b34b32,#e29a62);color:#ffd8a2}.char-manatarms .char-silhouette{background:linear-gradient(145deg,#e09131,#477b42);color:#c9e6d2}.char-orko .char-silhouette{background:linear-gradient(145deg,#b42031,#6a245b);color:#ffe66c}.char-skeletor .char-silhouette{background:linear-gradient(145deg,#6d4da2,#253b82);color:#e8e0b0}.char-beastman .char-silhouette{background:linear-gradient(145deg,#b73b25,#e0652e);color:#ffd08d}.char-evillyn .char-silhouette{background:linear-gradient(145deg,#633a91,#252050);color:#d6c4ff}.char-trapjaw .char-silhouette{background:linear-gradient(145deg,#22758d,#8d2b4b);color:#b5f2e8}.char-ramman .char-silhouette{background:linear-gradient(145deg,#6f9a42,#b68c39)}.char-stratos .char-silhouette{background:linear-gradient(145deg,#9c3d3d,#527b9c)}.char-merman .char-silhouette{background:linear-gradient(145deg,#2b845b,#346f70)}.char-sorceress .char-silhouette{background:linear-gradient(145deg,#e58a3d,#4f79a8)}
@media(max-width:900px){.lobbygrid{grid-template-columns:1fr}.feature-scenario{order:-1}}
.character-art{display:block;width:100%;height:100%;object-fit:cover}.portrait{padding:0!important;background:#07111e!important}.cover-image{height:auto!important;padding:0!important;overflow:hidden}.cover-image img{display:block;width:100%;height:auto;border-radius:9px}body{background-image:linear-gradient(#020916b8,#020916e8),url('/static/img/backgrounds/grayskull.svg');background-size:cover;background-position:center top;background-attachment:fixed}.card-back{background:url('/static/img/card-back.svg') center/cover no-repeat}

/* real generated artwork */
.character-art{width:100%;height:100%;object-fit:cover;display:block}.cover-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}body{background-image:linear-gradient(#020814dc,#020814ec),url('/static/img/backgrounds/castle-grayskull.jpg');background-size:cover;background-position:center top;background-attachment:fixed}

.branch-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.branch-preview>div{padding:13px;border:1px solid #2a6d9d;border-radius:9px;background:#07182bbd}.branch-preview b,.branch-preview span{display:block}.branch-preview span{margin-top:5px;color:#c4d4e6;font-size:13px;line-height:1.4}.story-ending{border:1px solid #d5a62d!important;background:#211a0d!important;padding:18px!important}.timeline p{margin:7px 0 0;color:#c4d4e6}@media(max-width:700px){.branch-preview{grid-template-columns:1fr}}

/* Story tree / Fog of War */
.storymap{margin:0 0 20px;padding:16px 18px;background:#050d18e8;border:1px solid #294866;border-radius:13px;overflow-x:auto}
.storymap-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.storymap-head span{font-size:12px;color:#8090a3}
.storytrack{min-width:720px;display:flex;align-items:flex-start;padding:4px 5px 12px}.storynode{width:105px;flex:0 0 105px;text-align:center;position:relative}.storynode i{margin:auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;border:2px solid #526273;background:#101923}.storynode small{display:block;margin-top:7px;font-size:10px;line-height:1.2;color:#9ba9b9}.storyline{height:2px;flex:1;min-width:32px;margin-top:18px;background:#35404d}.storynode.revealed i{border-color:#e0ad2f;color:#ffe58a;box-shadow:0 0 14px #d18c2538}.storyline.revealed{background:#c49122}.storynode.current i{border-color:#58b9ff;color:#d7f0ff;box-shadow:0 0 20px #238bd766;animation:storypulse 2s infinite}.storyline.current{background:linear-gradient(90deg,#c49122,#294866)}.storynode.fog,.storyline.fog{filter:blur(.35px);opacity:.38}.storynode.fog i{color:#607083;border-color:#34404d;background:radial-gradient(circle,#172331,#080e16)}.storynode.fog small{color:#607083}.branchmark{display:inline-block;margin-top:6px;padding:2px 5px;border-radius:4px;font-size:8px;font-style:normal;text-transform:uppercase}.branchmark.original{background:#214d37;color:#8fe0ad}.branchmark.alternate{background:#59384d;color:#efacd4}@keyframes storypulse{50%{box-shadow:0 0 28px #238bd7aa}}@media(max-width:700px){.storymap{margin-left:-4px;margin-right:-4px}.storymap-head{align-items:flex-start;flex-direction:column}.storytrack{min-width:650px}}