:root{--world-accent:#77cce9;--world-glow:#194961;--scene-bg:radial-gradient(ellipse at 20% 0%,#27608055,transparent 65%),linear-gradient(140deg,#112131,#0a1320)}
body{background:radial-gradient(ellipse at 0 0,var(--world-glow),transparent 55%),#080e17}.header{background:#080e17dd}.brand>div{letter-spacing:1.5px;font-size:18px}.brand small{letter-spacing:4px}.header nav{gap:22px}.page-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:35px;letter-spacing:-.5px}.world-home{display:grid;grid-template-columns:minmax(360px,1.7fr) minmax(280px,1fr);gap:26px}.arena-scene{background:var(--scene-bg);border:1px solid #ffffff20;border-radius:12px;position:relative;isolation:isolate;overflow:hidden}.home-arena{padding:25px 32px 14px;box-shadow:inset 0 0 80px #0005,0 24px 70px #0004}.world-overline,.arena-caption,.replay-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.owner-tag{font-size:12px;color:#bed0e3;padding:6px 12px;background:#07121e88;border:1px solid #ffffff22;border-radius:20px}.world-hero-copy h2{font-family:Georgia,serif;font-size:36px;letter-spacing:.5px;font-weight:400;margin:14px 0 4px}.world-hero-copy p{font-size:13px;color:#b1c0d3;margin:0}.home-board-stage{max-width:440px;margin:26px auto 19px;transform:perspective(1500px) rotateX(7deg);transform-origin:50% 100%;filter:drop-shadow(0 15px 17px #0007)}.preview-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));aspect-ratio:1;max-width:100%;overflow:hidden;border:5px solid #1c2636;outline:1px solid var(--board-edge);box-shadow:0 12px 40px #0005}.preview-cell{position:relative;overflow:hidden;background:var(--light);min-width:0;min-height:0}.preview-cell.dark{background:var(--dark)}.preview-cell img{position:absolute;inset:0;width:94%;height:94%;margin:auto;object-fit:contain;filter:drop-shadow(0 2px 2px #0006)}.preview-cell img.royal{inset:auto;max-width:none;max-height:none;object-fit:fill;margin:0}.preview-cell img.neon{filter:drop-shadow(0 0 4px #42e5fd)}.preview-cell.last{box-shadow:inset 0 0 0 99px #ddbd5344}.preview-cell.check{background:#a74c59}.arena-caption{border-top:1px solid #ffffff16;padding-top:10px;font-size:12px;color:#c3b18d}.home-actions{padding:25px 26px;border:1px solid var(--line);background:linear-gradient(150deg,#152235dd,#0e1725dd);border-radius:12px}.home-actions>h2{font:32px/1.3 Georgia,serif;margin:15px 0 26px}.home-actions>.primary{padding:17px 18px}.home-shortcuts{display:grid;gap:12px}.home-shortcuts button{text-align:left;background:#101c2b;border:1px solid #2c3d51;border-radius:7px;padding:15px;color:#e5edf6;display:grid;grid-template-columns:33px 1fr;gap:4px 8px}.home-shortcuts button>span{grid-row:1/3;font-size:29px;color:var(--world-accent)}.home-shortcuts strong{font-size:14px;font-weight:500}.home-shortcuts small{font-size:12px;color:var(--muted)}.profile-summary{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.profile-summary>span{font-size:10px;letter-spacing:1.7px;color:var(--gold)}.profile-summary strong{display:block;font-size:15px;margin-top:10px;font-weight:500}.profile-summary button{padding-left:0}.world-selector,.home-stories{grid-column:1/-1}.world-selector{margin-top:7px}.section-heading a{font-size:13px}.world-chips{display:flex;gap:10px;flex-wrap:wrap}.world-chip{background:#131f2d;border:1px solid #344254;border-radius:28px;color:#b5c2d3;padding:11px 17px;font-size:13px}.world-chip.active{border-color:var(--world-accent);color:var(--world-accent);background:#20374a}.world-editor{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.8fr);gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:20px}.world-editor>section:first-child{padding:22px;background:var(--panel);border-radius:9px}.world-editor h3{margin:12px 0 20px}.editor-preview{display:grid;grid-template-columns:minmax(210px,1fr) minmax(150px,.65fr);gap:22px;align-items:center;padding:25px}.editor-options label{font-size:12px;line-height:1.5}.editor-options select{font-size:12px}.world-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.world-card{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid #344359;border-radius:9px;padding:21px;color:#e9eff5;text-align:left;min-height:210px;display:flex;flex-direction:column;justify-content:end}.world-card img{height:150px;width:90px;object-fit:contain;position:absolute;right:10px;top:10px;opacity:.78;filter:drop-shadow(0 5px 5px #0008)}.world-card strong,.world-card span,.world-card small{position:relative;z-index:1}.world-card strong{font:23px Georgia,serif;text-shadow:0 2px 5px #000}.world-card span{font-size:12px;color:#c1cfdf;margin-top:6px}.world-card small{font-size:10px;letter-spacing:1.3px;color:var(--card-accent);margin-bottom:auto}.world-card.active{border-color:var(--card-accent);box-shadow:inset 0 0 0 1px var(--card-accent)}.free-tag{font:12px Manrope,Arial,sans-serif;color:#91c6b6;margin-left:12px}.arena-match-label{text-align:center;font-size:12px;color:var(--world-accent);padding-top:8px}.board-column{padding:16px;background:var(--scene-bg);border-radius:10px;border:1px solid #ffffff15}.workspace{grid-template-columns:235px minmax(340px,650px) minmax(235px,290px);gap:22px}.finished-replay{padding:17px;border:1px solid var(--world-accent);background:#19354577;border-radius:7px;margin-top:15px}.finished-replay strong{font-size:14px;display:block;margin-bottom:8px}.finished-replay a{font-size:14px}.replay-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.replay-list>.empty-panel{grid-column:1/-1}.story-card{border:1px solid #31435c;border-radius:9px;background:var(--panel);padding:18px;display:flex;flex-direction:column;gap:12px}.story-card h3{font-size:16px;margin:0}.story-card p{font-size:12px;color:var(--muted);margin:0}.story-card a{font-size:14px}.replay-layout{display:grid;grid-template-columns:minmax(350px,710px) minmax(260px,340px);gap:35px;justify-content:center}.replay-stage{padding:25px}.replay-stage h2{margin:17px 0 22px;font:25px Georgia,serif}.replay-stage>.preview-board{max-width:570px;margin:auto}.replay-step{display:flex;justify-content:space-between;align-items:center;margin:20px 0 13px;font-size:14px;color:var(--gold)}.replay-step>span{font-size:12px;color:#a3b6cc}.replay-transport{display:flex;gap:8px;justify-content:center}.replay-transport button{border:1px solid #3a4b63;color:#d8e2ed;background:#132337;border-radius:6px;padding:10px 17px;font-size:18px}.replay-transport #replayAuto{font-size:14px;min-width:145px;color:var(--gold)}#replaySeek{accent-color:var(--gold);padding:0;margin:17px 0 0}.replay-sidebar{padding:20px 0}.replay-sidebar>h2{font:32px Georgia,serif;margin:15px 0}.moments{display:grid;gap:8px;max-height:400px;overflow:auto}.moments button{color:#c7d5e5;background:#162337;border:1px solid #2c4058;border-radius:5px;padding:12px;text-align:left;font-size:13px}.moments button.active{border-color:var(--gold);color:var(--gold)}.replay-layout.portrait{grid-template-columns:minmax(280px,430px) minmax(260px,340px)}.replay-layout.portrait .replay-stage{min-height:740px;display:flex;flex-direction:column;justify-content:center}.replay-layout.portrait .preview-board{width:100%}.player-profile{max-width:650px;margin:auto;padding:30px;background:var(--scene-bg);border:1px solid #384557;border-radius:12px}.player-profile h2{font:34px Georgia,serif;margin:15px 0}.player-profile .preview-board{max-width:380px;margin:25px auto}.player-profile .primary{max-width:380px;margin:25px auto 0}.challenge-invite{padding:18px;border:1px solid #b99b63;border-radius:7px;margin-bottom:15px;background:#352b2044}.focus-mode .header,.focus-mode .page-heading,.focus-mode .left-panel,.focus-mode #lobby,.focus-mode footer,.focus-mode .right-panel .material,.focus-mode .right-panel .export-actions{display:none!important}.focus-mode main{padding-top:18px}.focus-mode .workspace{grid-template-columns:minmax(400px,78vh) 280px}.focus-mode .board-column{padding:10px}.fx-move{animation:move-glow .6s ease-out}.fx-capture{animation:capture-glow .8s ease-out}.fx-check{animation:check-glow 1s ease-out}.fx-mate{animation:mate-glow 1.6s ease-out}.fx-preview{animation:capture-glow .8s ease-out}.effects-off .fx-move,.effects-off .fx-capture,.effects-off .fx-check,.effects-off .fx-mate{animation:none}@keyframes move-glow{0%{box-shadow:inset 0 0 0 5px var(--fx-color,var(--world-accent))}100%{box-shadow:inset 0 0 0 0 transparent}}@keyframes capture-glow{0%{box-shadow:inset 0 0 0 7px var(--fx-color,var(--world-accent));filter:brightness(1.5)}100%{box-shadow:inset 0 0 0 0 transparent;filter:brightness(1)}}@keyframes check-glow{0%,50%{box-shadow:inset 0 0 25px #ff647ccc}100%{box-shadow:inset 0 0 0 transparent}}@keyframes mate-glow{0%,50%{box-shadow:0 0 35px var(--fx-color,var(--world-accent));filter:brightness(1.12)}100%{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.fx-move,.fx-capture,.fx-check,.fx-mate,.fx-preview{animation:none!important}.home-board-stage{transform:none}}@media(max-width:1150px){.workspace{grid-template-columns:200px minmax(320px,1fr)}.header nav{gap:14px}.brand>div{font-size:15px}.world-cards{grid-template-columns:repeat(3,1fr)}.editor-preview{grid-template-columns:1fr}.editor-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-arena{padding:23px}.home-actions{padding:23px}.world-editor{grid-template-columns:1fr 1.5fr}.replay-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.world-home,.world-editor,.replay-layout,.replay-layout.portrait{display:flex;flex-direction:column}.home-arena{padding:18px}.world-hero-copy h2{font-size:30px}.home-board-stage{max-width:350px;margin:22px auto}.home-actions h2{font-size:27px}.world-cards{grid-template-columns:1fr 1fr;gap:10px}.world-card{padding:15px;min-height:200px}.world-card strong{font-size:21px}.world-card img{height:140px;width:80px;right:0}.world-card span{font-size:11px}.editor-preview{padding:20px}.editor-options{display:block}.world-chips{gap:8px}.world-chip{padding:10px 12px;font-size:12px}.replay-list{grid-template-columns:1fr}.board-column{padding:8px}.workspace{display:flex}.page-heading h1{font-size:27px}.arena-caption{font-size:10px}.arena-caption button{font-size:11px}.free-tag{display:block;margin:8px 0}.replay-stage{padding:16px}.replay-stage h2{font-size:22px}.replay-transport{gap:5px}.replay-transport button{padding:9px 13px}.replay-layout.portrait .replay-stage{min-height:640px}.focus-mode .workspace{display:flex}.focus-mode .right-panel{display:block}.player-profile{padding:20px}.header nav{gap:20px}}
.fx-capture::after{content:'';position:absolute;inset:8%;border:3px solid var(--fx-color);border-radius:50%;pointer-events:none;z-index:5;animation:impact-ring .75s ease-out forwards}body[data-effect="rune"] .fx-capture::after{border-radius:0;transform:rotate(45deg);inset:17%;animation:rune-impact .8s ease-out forwards}body[data-effect="crystal"] .fx-capture::after{border-radius:0;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}body[data-effect="ember"] .fx-capture::after{border-style:dashed;box-shadow:0 0 13px #ff6739}body[data-effect="pulse"] .fx-capture::after{box-shadow:0 0 8px #e798ff,inset 0 0 8px #e798ff}@keyframes impact-ring{0%{scale:.3;opacity:1}100%{scale:1.4;opacity:0}}@keyframes rune-impact{0%{rotate:0deg;scale:.4;opacity:1}100%{rotate:90deg;scale:1.4;opacity:0}}@media(prefers-reduced-motion:reduce){.fx-capture::after{display:none}}