.mirrorcast,.guide-hub{--gold:#e7bd62;--bright:#ffe7a2;--bronze:#8f6127;--obsidian:#060706;min-height:100dvh;color:#f8efd9;background:radial-gradient(circle at 50% -10%,rgba(166,109,29,.22),transparent 38%),linear-gradient(160deg,#090b09,#020302 70%);padding:max(18px,env(safe-area-inset-top)) clamp(14px,3vw,42px) max(28px,env(safe-area-inset-bottom));font-family:Inter,system-ui,sans-serif}.mirrorcast:before,.guide-hub:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background-image:repeating-linear-gradient(115deg,transparent 0 34px,rgba(255,217,120,.035) 35px 36px)}.mirrorcast header,.guide-hub header{display:flex;align-items:center;gap:14px;max-width:1400px;margin:auto}.mirrorcast header h1,.guide-hub h1{font-family:Cinzel,Georgia,serif;color:var(--bright);font-size:clamp(20px,3vw,34px);letter-spacing:.035em}.mirrorcast header small,.guide-hub header small,.relic-card label{color:var(--gold);font-weight:900;letter-spacing:.18em;font-size:10px}.mirrorcast header>a,.guide-hub header>a,.mirrorcast header>button{min-width:48px;min-height:48px;border:1px solid rgba(231,189,98,.35);background:#e7bd6214;color:var(--bright);border-radius:15px;display:grid;place-items:center}.mirrorcast header>button{margin-left:auto;display:flex;gap:8px;padding:0 18px;font-weight:900}.mgh-relic-visualizer{position:relative;height:clamp(190px,34vw,430px);overflow:hidden;background:radial-gradient(circle,rgba(229,175,70,.09),transparent 56%);border-radius:24px}.mgh-relic-visualizer canvas{width:100%;height:100%;display:block}.mgh-relic-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);text-align:center;display:grid}.mgh-relic-core span,.mgh-relic-core small{font-size:8px;letter-spacing:.18em;color:#c79a43}.mgh-relic-core b{font:900 clamp(24px,5vw,52px)/1 Cinzel,serif;color:#ffe7a2;text-shadow:0 0 22px #d8a444}.controller-grid,.tv-grid{max-width:1400px;margin:22px auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:16px}.relic-card,.guide-list article,.guide-steps article,.roadmap article{position:relative;border:1px solid rgba(231,189,98,.26);background:linear-gradient(145deg,#221d13e6,#040605eb);box-shadow:inset 0 0 0 1px #ffe69b0a,0 18px 48px #00000059;border-radius:20px;padding:16px}.controls{display:grid;gap:12px}.controls label{display:flex;justify-content:space-between}.controls input{width:100%;min-height:48px;accent-color:#e7bd62}.bank-row,.toggle-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.bank-row{grid-template-columns:repeat(4,1fr)}.bank-row button,.toggle-row button,.primary-cast{min-height:48px;border:1px solid rgba(231,189,98,.22);background:#0e100d;color:#d7c8a6;border-radius:12px;font-weight:800}.bank-row button.active,.toggle-row button.active,.primary-cast{background:linear-gradient(135deg,#f0ca75,#9d681f);color:#110d06;box-shadow:0 0 24px #e7bd624d}.primary-cast{width:calc(100% - 24px);margin:0 12px 12px;display:flex;align-items:center;justify-content:center;gap:8px}.mode-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mode-grid button{min-height:92px;border:1px solid rgba(231,189,98,.18);background:#ffffff06;color:#d9cfbb;border-radius:16px;padding:12px;text-align:left;display:flex;gap:10px}.mode-grid button svg{color:#d6a64c;flex:none}.mode-grid button span{display:grid;gap:4px}.mode-grid small{color:#8e897e;line-height:1.3}.mode-grid button.active{border-color:#e7bd62;background:#e7bd621a;box-shadow:0 0 25px #e2ab3d1f}.launch-help,.roadmap article{max-width:1400px;margin:14px auto;display:flex;gap:12px}.launch-help p,.guide-hub p{color:#a9a292;font-size:13px;line-height:1.55}.cast-notice{max-width:1400px;margin:14px auto;padding:12px;border:1px solid rgba(231,189,98,.25);border-radius:12px;color:#f5d991;background:#e7bd6212}.mirrorcast--display{overflow:hidden}.mirrorcast__runes{text-align:center;color:#f1ca704d;letter-spacing:3vw;font-size:24px}.cast-live{margin-left:auto;color:#f3d27b;font-weight:900}.cast-live i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e7bd62;box-shadow:0 0 14px #e7bd62}.tv-grid{grid-template-columns:2fr 1fr}.tv-grid aside{display:grid;gap:12px}.tv-hero{position:relative;border:1px solid rgba(231,189,98,.2);border-radius:28px;background:#020302}.frequency{position:absolute;left:28px;bottom:22px;font:900 clamp(32px,6vw,80px)/1 ui-monospace;color:#ffe5a1;text-shadow:0 0 25px #c4892e}.frequency small{font-size:.2em}.meter{height:8px;background:#111;border-radius:20px;margin:10px 0;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#76501e,#ffe08d);box-shadow:0 0 14px #e7bd62}.word-log p{display:flex;gap:16px;border-bottom:1px solid rgba(255,255,255,.06);padding:8px 0;font:700 18px ui-monospace}.word-log time{color:#9c7840;font-size:12px}.muted{color:#777!important}.radar{aspect-ratio:1;border-radius:50%;margin:12px auto;max-width:220px;position:relative;border:1px solid #9b753b;background:repeating-radial-gradient(circle,transparent 0 24%,rgba(231,189,98,.18) 25% 26%),conic-gradient(from 0deg,rgba(231,189,98,.35),transparent 28%);animation:relicSweep 3s linear infinite}.radar i{position:absolute;inset:50% 0 auto;border-top:1px solid rgba(231,189,98,.3)}.radar span{position:absolute;width:12px;height:12px;border-radius:50%;background:#ffe18e;box-shadow:0 0 18px #ffe18e}.game-banner{max-width:1400px;margin:12px auto;border:1px solid #d6aa57;border-radius:20px;padding:20px;text-align:center;background:#5b3d1238}.game-banner small{display:block;color:#c89e50;letter-spacing:.2em}.game-banner strong{font:700 clamp(22px,4vw,52px) Cinzel,serif}.scramble{letter-spacing:.3em}.guide-hub{max-width:none}.guide-hub>section,.guide-hub>h2,.guide-list,.guide-steps,.roadmap{max-width:980px;margin-left:auto;margin-right:auto}.guide-hub>h2{display:flex;align-items:center;gap:10px;margin-top:30px;color:#f2cf7a}.guide-hero{margin-top:24px!important;padding:22px;border-radius:22px;border:1px solid rgba(231,189,98,.25);background:radial-gradient(circle at 0 0,rgba(231,189,98,.18),transparent 42%);display:flex;gap:16px}.guide-list,.guide-steps{display:grid;gap:10px}.guide-list article,.guide-steps article,.roadmap article{display:flex;gap:13px}.guide-list svg,.guide-steps>article>span,.roadmap svg{color:#e7bd62;flex:none}.guide-steps>article>span{width:32px;height:32px;border:1px solid #a87a33;border-radius:50%;display:grid;place-items:center;font-weight:900}@keyframes relicSweep{to{transform:rotate(360deg)}}@media(max-width:850px){.controller-grid,.tv-grid{grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr 1fr}.mirrorcast--display .tv-grid{grid-template-columns:1.4fr .6fr}.mirrorcast--display .tv-grid aside{grid-template-columns:1fr}.mirrorcast--display .radar-card{display:none}}@media(max-width:520px){.mode-grid{grid-template-columns:1fr}.mirrorcast header h1{font-size:18px}.mirrorcast header>button{padding:0 12px}.controller-grid{margin-top:14px}.mgh-relic-visualizer{height:230px}}@media(prefers-reduced-motion:reduce){.radar{animation:none!important}*{scroll-behavior:auto!important}}.party-console{max-width:900px;margin:16px auto}.party-console h2{margin-top:8px;font:900 clamp(20px,4vw,32px) Cinzel,serif;color:#ffe4a1}.party-console>p{color:#aaa08e;margin:7px 0 14px}.private-role{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(231,189,98,.25);border-radius:14px;background:#e7bd6212}.private-role span{display:grid}.private-role small{font-size:9px;letter-spacing:.18em;color:#9f8250}.private-role b{color:#f8d989}.party-action,.log-hit{width:100%;min-height:50px;border:1px solid #b88c3f;border-radius:13px;background:linear-gradient(135deg,#efc66b,#8e5d1c);color:#160f05;font-weight:900}.party-console label{display:block;margin:16px 0 7px;color:#b4955a;font-size:10px;letter-spacing:.18em;font-weight:900}.suspects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.suspects button{min-height:48px;border:1px solid rgba(231,189,98,.22);border-radius:12px;background:#0b0d0b;color:#d8c8a6;font-size:10px;font-weight:900}.party-score{margin-top:12px;text-align:center;color:#e8c36e;font-size:12px;font-weight:900}.party-console form{display:grid;grid-template-columns:1fr auto;gap:8px}.party-console form input{min-height:52px;border:1px solid rgba(231,189,98,.3);border-radius:13px;background:#050605;color:#ffe9ad;padding:0 14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.party-console form .party-action{width:auto;padding:0 20px}.tracker-readout{display:grid;place-items:center;gap:3px;margin:12px auto;color:#e9c56f}.tracker-readout b{font:900 52px/1 ui-monospace}.tracker-readout small{letter-spacing:.2em}.direction-pad{margin:auto;display:grid;grid-template-columns:repeat(3,58px);grid-template-areas:". up ." "left down right";justify-content:center;gap:7px}.direction-pad button{min-height:54px;border:1px solid rgba(231,189,98,.3);border-radius:14px;background:#10120f;color:#f1ce79}.direction-pad button:nth-child(1){grid-area:up}.direction-pad button:nth-child(2){grid-area:left}.direction-pad button:nth-child(3){grid-area:down}.direction-pad button:nth-child(4){grid-area:right}.roadmap pre{overflow:auto;margin-top:9px;padding:10px;border-radius:10px;background:#020302;color:#e8c675;font-size:10px}.game-banner p{color:#bdb39d;margin-top:8px}.log-hit{background:#e7bd621a;color:#ebc96f}.mirrorcast button:active{transform:scale(.97)}@media(max-width:620px){.suspects,.party-console form{grid-template-columns:1fr}.party-console form .party-action{width:100%}}
