:root{--indigo:#1a0f5e;--obsidian:#07050d;--violet:#8a2be2;--magenta:#ff2fd6;--lime:#a6ff3d;--cyan:#3ee8ff;--gold:#f5c542;--ember:#ff7a1a;--bone:#f1e9d2;--panel:#07050dd1;--border:#f5c54259;--font:Georgia, "Times New Roman", serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--obsidian);color:var(--bone);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}button{font-family:var(--font);cursor:pointer}input{font-family:var(--font)}a{color:var(--cyan)}.btn{border:1px solid var(--border);color:var(--bone);letter-spacing:2px;text-transform:uppercase;background:linear-gradient(#8a2be259,#1a0f5e99);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:15px;transition:transform .12s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 0 #f5c54200}.btn:hover{transform:translateY(-1px);box-shadow:0 0 22px #8a2be273}.btn:active{transform:translateY(1px)scale(.98)}.btn.primary{color:#1a0a06;letter-spacing:5px;background:linear-gradient(#ffd86a,#c48a12);border-color:#ffe9a8;padding:18px 54px;font-size:20px;font-weight:700;box-shadow:0 0 40px #f5c54259,inset 0 1px #ffffff80}.btn.primary:hover{box-shadow:0 0 60px #f5c54299}.btn.ghost{background:0 0}.btn.small{letter-spacing:1.5px;padding:8px 16px;font-size:12px}.btn.magenta{background:linear-gradient(#ff2fd666,#500a4699)}.btn:disabled{opacity:.5;cursor:default;transform:none}.landing{text-align:center;height:100%;padding:calc(60px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));background:radial-gradient(at 20% 15%,#8a2be259,#0000 50%),radial-gradient(at 80% 85%,#ff2fd638,#0000 45%),radial-gradient(at 60% 30%,#3ee8ff1f,#0000 40%),linear-gradient(#0c0620,#07050d 60%,#14061a);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:auto}.landing .stars{pointer-events:none;position:fixed;inset:0}.landing .geo{opacity:.12;pointer-events:none;width:70vmin;height:70vmin;animation:90s linear infinite spin-center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin-center{to{transform:translate(-50%,-50%)rotate(360deg)}}.landing .content{z-index:1;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:760px;margin:auto 0;display:flex;position:relative}.title{letter-spacing:6px;background:linear-gradient(#fff2c2,#f5c542 45%,#b8720c);color:#0000;filter:drop-shadow(0 0 24px #f5c54259);text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(30px,min(7vw,9vh),64px);font-weight:700;line-height:1}.title small{letter-spacing:6px;color:var(--cyan);-webkit-text-fill-color:var(--cyan);filter:none;margin-top:8px;font-size:.28em;display:block}.tagline{color:var(--magenta);letter-spacing:3px;text-transform:uppercase;margin:0;font-size:clamp(12px,2vw,16px);font-style:italic}.sub{color:#f1e9d2b3;margin:0;font-size:14px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.stat-strip{letter-spacing:2px;color:#f1e9d2bf;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:24px;font-size:12px;display:flex}.stat-strip b{color:var(--gold);letter-spacing:1px;font-size:16px;display:block}.seed-form{align-items:center;gap:6px;display:flex}.seed-form input{border:1px solid var(--border);color:var(--bone);letter-spacing:3px;text-transform:uppercase;text-align:center;background:#07050db3;border-radius:999px;outline:none;width:150px;padding:9px 14px;font-size:14px}.seed-form input:focus{border-color:var(--cyan)}.footer-links{letter-spacing:2px;text-transform:uppercase;gap:18px;font-size:12px;display:flex}.footer-links button{color:#f1e9d299;letter-spacing:2px;text-transform:uppercase;background:0 0;border:none;font-size:12px}.footer-links button:hover{color:var(--gold)}.game-root{background:var(--obsidian);width:100%;height:100%;position:relative;overflow:hidden}.game-canvas{position:absolute;inset:0}.game-canvas canvas{margin:0 auto;display:block}.overlay{pointer-events:none;position:absolute;inset:0}.overlay>*{pointer-events:auto}.top-buttons{top:calc(70px + var(--safe-top));left:calc(10px + var(--safe-left));z-index:5;opacity:.85;gap:6px;display:flex;position:absolute}.top-buttons:hover{opacity:1}.icon-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--bone);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07050d8c;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.touch{z-index:4;pointer-events:none;position:absolute;inset:0}.touch .pad{bottom:calc(18px + var(--safe-bottom));pointer-events:auto;gap:10px;display:flex;position:absolute}.touch .pad.left{left:calc(16px + var(--safe-left))}.touch .pad.right{right:calc(16px + var(--safe-right));flex-wrap:wrap;justify-content:flex-end;width:170px}.tbtn{width:66px;height:66px;color:var(--bone);letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;-webkit-user-select:none;user-select:none;background:#07050d59;border:1.5px solid #f5c54273;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.tbtn.big{border-color:#3ee8ff99;width:80px;height:80px;font-size:13px}.tbtn.attack{border-color:#ff2fd699}.tbtn.special{border-color:#a6ff3d99}.tbtn.active{background:#f5c54259;transform:scale(.94)}.tbtn.big.active{background:#3ee8ff59}.tbtn.attack.active{background:#ff2fd659}.tbtn.special.active{background:#a6ff3d59}.joystick{touch-action:none;background:#07050d4d;border:1.5px solid #f5c54266;border-radius:50%;width:130px;height:130px;position:relative}.joystick .knob{border:1px solid var(--gold);background:#f5c54266;border-radius:50%;width:54px;height:54px;position:absolute;top:38px;left:38px}.rotate{z-index:20;text-align:center;background:#07050deb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex;position:absolute;inset:0}.rotate .phone{border:2px solid var(--gold);border-radius:8px;width:40px;height:70px;animation:1.6s ease-in-out infinite alternate rot}@keyframes rot{to{transform:rotate(90deg)}}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07050db8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:92vh;padding:22px 24px;overflow:auto;box-shadow:0 0 60px #8a2be240,inset 0 0 0 1px #ffffff08}.panel h2{letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-size:20px}.panel h3{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin:16px 0 6px;font-size:13px}.panel p{color:#f1e9d2cc;margin:6px 0;font-size:14px;line-height:1.5}.panel .row{justify-content:flex-start}.field{letter-spacing:2px;text-transform:uppercase;color:#f1e9d2b3;flex-direction:column;gap:4px;margin:8px 0;font-size:12px;display:flex}.field input[type=text],.field input[type=email],.field input[type=password]{border:1px solid var(--border);color:var(--bone);letter-spacing:.5px;text-transform:none;background:#07050db3;border-radius:10px;outline:none;padding:10px 12px;font-size:15px}.field input:focus{border-color:var(--cyan)}.field input[type=range]{accent-color:var(--gold);width:100%}.settings-grid{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}@media (max-width:520px){.settings-grid{grid-template-columns:1fr}}.toggle{letter-spacing:1.5px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:flex}.toggle button{border:1px solid var(--border);color:var(--bone);letter-spacing:1px;background:#07050d99;border-radius:999px;padding:4px 12px;font-size:12px}.toggle button.on{border-color:var(--gold);color:var(--gold);background:#f5c5424d}.seg{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{color:#f1e9d2b3;letter-spacing:1px;text-transform:uppercase;background:0 0;border:none;padding:5px 12px;font-size:12px}.seg button.on{color:var(--gold);background:#f5c5424d}.error{color:#ff6a8a;font-size:13px}.ok{color:var(--lime);font-size:13px}.save-prompt{left:50%;bottom:calc(96px + var(--safe-bottom));z-index:12;background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:92vw;padding:12px 16px;animation:.35s ease-out rise;display:flex;position:absolute;transform:translate(-50%)}.save-prompt b{color:var(--gold);letter-spacing:2px}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.ach-toast{top:calc(70px + var(--safe-top));z-index:12;background:var(--panel);border:1px solid var(--gold);border-radius:12px;max-width:300px;padding:10px 14px;animation:.35s ease-out rise2;position:absolute;right:12px;box-shadow:0 0 30px #f5c5424d}.ach-toast small{letter-spacing:3px;color:var(--gold);font-size:10px;display:block}.ach-toast b{letter-spacing:1px;font-size:15px;display:block}.ach-toast span{color:#f1e9d2b3;font-size:12px}@keyframes rise2{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.lb-table{border-collapse:collapse;width:100%;font-size:14px}.lb-table th{text-align:left;letter-spacing:2px;text-transform:uppercase;color:#f1e9d28c;border-bottom:1px solid var(--border);padding:6px 8px;font-size:11px}.lb-table td{border-bottom:1px solid #ffffff0d;padding:8px}.lb-table tr:first-child td{color:var(--gold)}.lb-table tr:nth-child(2) td{color:var(--cyan)}.lb-table tr:nth-child(3) td{color:var(--magenta)}.lb-table .seed{letter-spacing:2px;cursor:pointer;font-family:monospace}.lb-table .seed:hover{color:var(--lime)}.share-preview{border:1px solid var(--border);border-radius:10px;width:100%;display:block}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.ach{opacity:.45;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;font-size:12px}.ach.on{opacity:1;border-color:var(--border);box-shadow:inset 0 0 20px #f5c54214}.ach b{letter-spacing:1.5px;color:var(--gold);margin-bottom:2px;font-size:12px;display:block}.mono{letter-spacing:2px;color:var(--lime);font-family:monospace}.center{text-align:center}.muted{color:#f1e9d28c;font-size:12px}.streamer .top-buttons{opacity:.25}.streamer .top-buttons:hover{opacity:1}.app-root{height:100%;position:relative}.small{font-size:11px}.warn{color:var(--ember)}.eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--cyan);opacity:.9;font-size:11px;display:block}.lore{color:#f1e9d2bf;max-width:560px;margin:6px auto;font-size:14px;font-style:italic;line-height:1.5}.creed{letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin:10px 0;font-size:13px}.portrait{filter:drop-shadow(0 0 24px #8a2be280);-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}.gw-canvas{margin:0 auto;display:block}.logo{align-items:center;gap:10px;display:inline-flex}.logo-sigil{transform-origin:50%;width:34px;height:34px;animation:40s linear infinite spin}.logo.large .logo-sigil{width:64px;height:64px}.logo-text b{letter-spacing:4px;color:var(--gold);text-transform:uppercase;font-size:12px;display:block}.logo.large .logo-text b{letter-spacing:6px;font-size:20px}.logo-text small{letter-spacing:2px;color:var(--magenta);font-size:10px;font-style:italic;display:block}@keyframes spin{to{transform:rotate(360deg)}}.sound-toggle{border:1px solid var(--border);color:var(--bone);letter-spacing:2px;background:#07050d99;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.sound-toggle.on{border-color:var(--gold);color:var(--gold)}.sound-toggle.off{opacity:.7}.sound-toggle.wide{justify-content:center;width:100%;margin-bottom:8px}.sound-toggle .glyph{font-size:16px}.icon-btn.off{opacity:.55}.landing-top,.between-top,.page-top{top:calc(10px + var(--safe-top));left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));z-index:2;justify-content:space-between;align-items:center;display:flex;position:fixed}.landing-hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.landing-cta{flex-direction:column;align-items:center;gap:10px;display:flex}.stat-strip.left{justify-content:flex-start}.footer-links{flex-wrap:wrap;justify-content:center}.page{z-index:25;text-align:center;padding:calc(56px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));background:radial-gradient(at 50% 0,#8a2be24d,#0000 55%),linear-gradient(#0c0620,#07050d 60%,#14061a);position:absolute;inset:0;overflow:auto}.page-body{flex-direction:column;align-items:center;gap:14px;max-width:900px;margin:0 auto;display:flex}.page h1{letter-spacing:6px;text-transform:uppercase;color:var(--gold);text-shadow:0 0 30px #f5c54259;margin:0;font-size:clamp(22px,4.5vw,40px)}.page .panel.wide{text-align:left;max-width:860px}.seg.wrap{border-radius:14px;flex-wrap:wrap}.gw-line{letter-spacing:2px;text-transform:uppercase;color:var(--bone);margin:4px 0;font-size:13px}.gw-line.gold{color:var(--gold)}.solids{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;display:grid}.solid{opacity:.4;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:3px;padding:12px;display:flex}.solid b{letter-spacing:2px;color:var(--accent,var(--gold));font-size:12px}.solid span{letter-spacing:3px;color:#f1e9d2b3;font-size:11px}.solid small{color:#f1e9d299;font-size:11px}.solid em{color:var(--cyan);letter-spacing:1px;font-size:11px;font-style:normal}.solid.current{opacity:1;border-color:var(--accent,var(--gold));box-shadow:0 0 24px color-mix(in srgb, var(--accent,#f5c542) 30%, transparent)}.solid.done{opacity:1;border-color:#fff3}.archive-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;width:100%;display:grid}.archive-entry{opacity:.45;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;font-size:12px}.archive-entry.on{opacity:1;border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:inset 0 0 22px color-mix(in srgb, var(--accent) 10%, transparent)}.archive-entry b{letter-spacing:1.5px;color:var(--accent,var(--gold));margin-bottom:3px;font-size:12px;display:block}.archive-entry span{color:#f1e9d2bf;line-height:1.45}.profile-head{text-align:left;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.profile-head h1{text-align:left}.title-line{letter-spacing:3px;color:var(--magenta);text-transform:uppercase;margin:2px 0 8px;font-size:12px}.panel.pause{max-width:560px}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-list .btn{width:100%}.menu-list .row .btn,.menu-list .row .sound-toggle{width:auto}.quick-start-list{text-align:left;grid-template-columns:auto 1fr;gap:6px 14px;margin:8px 0;font-size:13px;display:grid}.quick-start-list b{letter-spacing:3px;color:var(--gold);font-size:12px}.quick-start-list span{color:#f1e9d2d9}.flow-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (max-width:520px){.flow-grid{grid-template-columns:1fr 1fr}}.flow{border:1px solid var(--border);color:var(--bone);background:#07050d99;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}.flow b{letter-spacing:2px;font-size:11px}.flow span{color:#f1e9d299;font-size:11px}.flow.on{border-color:var(--gold);color:var(--gold);background:#f5c54233}.flow-note{line-height:1.5}.between{z-index:28;padding:calc(56px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--accent,#8a2be2) 30%, transparent), transparent 55%), linear-gradient(180deg, #0a0616 0%, #07050d 55%, #120818 100%);flex-direction:column;align-items:center;gap:12px;animation:.9s ease-out fadein;display:flex;position:absolute;inset:0;overflow:auto}@keyframes fadein{0%{opacity:0}to{opacity:1}}.between-body{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:26px;width:100%;max-width:980px;display:flex}.between-portrait{flex-direction:column;align-items:center;gap:8px;display:flex}.between-name{letter-spacing:4px;color:var(--gold);text-align:center;font-size:13px}.between-name small{letter-spacing:2px;color:var(--magenta);margin-top:2px;font-size:10px;display:block}.between-main{text-align:left;flex-direction:column;flex:1;gap:10px;min-width:280px;max-width:620px;display:flex}.between-main h1{letter-spacing:6px;color:var(--gold);text-shadow:0 0 34px #f5c54266;margin:0;font-size:clamp(24px,4.5vw,44px)}.pb{letter-spacing:4px;color:var(--lime);font-size:12px}.between-stats{letter-spacing:2px;color:#f1e9d2b3;text-transform:uppercase;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;font-size:10px;display:grid}.between-stats b{color:var(--bone);letter-spacing:1px;margin-bottom:2px;font-size:18px;display:block}.between-gw{border:1px solid var(--border);background:#07050d80;border-radius:12px;align-items:center;gap:14px;padding:8px 12px;display:flex}.observes{border-left:2px solid var(--accent,var(--cyan));padding:4px 12px}.obs{color:var(--bone);margin:4px 0 0;font-size:15px;line-height:1.45}.obs.mysterious{color:var(--cyan)}.obs.unsettling{color:var(--magenta)}.tease{letter-spacing:2px;text-transform:uppercase;color:var(--lime);margin:0;font-size:12px}.between .lore{text-align:left;margin:0}.between-actions{flex-direction:column;align-items:center;gap:10px;margin-top:4px;display:flex}.btn.big{letter-spacing:5px;padding:16px 42px;font-size:18px}.ceremony{z-index:29;text-align:center;background:#07050ded;flex-direction:column}.ceremony-body{flex-direction:column;align-items:center;gap:10px;max-width:700px;animation:1.2s ease-out fadein;display:flex}.ceremony-body h1{letter-spacing:8px;text-shadow:0 0 40px var(--accent,#f5c542);margin:0;font-size:clamp(26px,5vw,48px)}.ceremony-body h2{letter-spacing:4px;color:var(--bone);margin:0;font-size:clamp(14px,2.5vw,22px);font-weight:400}.ceremony-body .evo{color:var(--cyan)}.ceremony-body .epithet{color:#f1e9d2b3;margin:0;font-style:italic}.ascension{justify-content:center}.panel.quick-start{text-align:center;max-width:640px}.quick-start-body{text-align:left;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.oracle-backdrop{z-index:27;padding:0 12px calc(14px + var(--safe-bottom));background:linear-gradient(#0000 40%,#07050dbf);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.oracle{background:var(--panel);border:1px solid var(--border);border-radius:16px;align-items:flex-end;gap:16px;width:100%;max-width:860px;padding:14px 18px;animation:.5s ease-out rise;display:flex;box-shadow:0 0 60px #3ee8ff26}.oracle-portrait{object-fit:contain;filter:drop-shadow(0 0 18px #3ee8ff80);flex:none;width:110px;height:110px}.oracle-body{flex:1;min-width:0}.oracle-body small{letter-spacing:4px;color:var(--cyan);font-size:11px}.oracle-lines{min-height:54px}.oracle-line{color:var(--bone);margin:4px 0;font-size:15px;line-height:1.45;animation:.4s fadein}.oracle-line.cursor{color:#f1e9d266}.oracle-options{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.oracle-options .cost{color:#f1e9d299;text-transform:none;letter-spacing:0}@media (max-width:560px){.oracle-portrait{width:70px;height:70px}.oracle-line{font-size:13px}}.event-toast{top:calc(52px + var(--safe-top));text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;animation:.6s ease-out rise;display:flex;position:absolute;left:50%;transform:translate(-50%)}.event-toast .btn{pointer-events:auto;margin-top:4px}.event-toast b{letter-spacing:5px;color:var(--gold);text-shadow:0 0 20px #f5c54280;font-size:18px;display:block}.event-toast span{color:#f1e9d2cc;font-size:12px;font-style:italic}.event-toast.manifestation b{color:var(--magenta);text-shadow:0 0 20px #ff2fd680}.event-toast.room b{color:var(--cyan)}.panel.share{max-width:640px}.share-stage{justify-content:center;margin-top:10px;display:flex}.share-preview.tall{aspect-ratio:9/16;object-fit:contain;width:auto;max-width:100%;max-height:52vh}.share-preview.placeholder{color:#f1e9d280;letter-spacing:2px;justify-content:center;align-items:center;width:200px;font-size:12px;display:flex}@media (max-width:900px),(max-height:480px){.between{padding-top:calc(48px + var(--safe-top));gap:8px}.between-body{gap:14px}.between-portrait .portrait{width:110px!important;height:148px!important}.between-main h1{letter-spacing:4px;font-size:clamp(20px,5vw,30px)}.between-stats{grid-template-columns:repeat(4,minmax(0,1fr));font-size:9px}.between-stats b{font-size:15px}.between-gw{padding:6px 10px}.between-gw .gw-canvas{width:96px!important;height:96px!important}.obs{font-size:13px}.btn.big{padding:12px 28px;font-size:14px}.quick-start-body .portrait,.landing-hero .portrait{width:100px!important;height:135px!important}.landing-hero .gw-canvas{width:90px!important;height:90px!important}}