.portal-overlay{--portal-accent: 124, 77, 255;--portal-light: 179, 136, 255;--portal-pale: 224, 216, 255;--portal-deep: 26, 10, 46;--portal-deeper: 10, 8, 30;--portal-next-deep: 15, 8, 30;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;opacity:0;pointer-events:none;background:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 0%,transparent 55%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.85) 100%),#000;overflow:hidden}.portal-overlay--active{pointer-events:auto}.starfield-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.portal-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.summon-options-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;background:#0a0818d9;border:1px solid rgba(var(--portal-accent),.3);border-radius:14px;padding:36px 32px 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 40px rgba(var(--portal-accent),.1),0 20px 60px #00000080;opacity:0;z-index:2}.summon-options-panel__title{text-align:center;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:rgb(var(--portal-pale));letter-spacing:2px;margin:0 0 8px;text-shadow:0 0 12px rgba(var(--portal-accent),.4)}.summon-options-panel__subtitle{text-align:center;font-family:Share Tech Mono,monospace;font-size:.78rem;color:#b4aadc99;margin:0 0 24px;letter-spacing:.3px}.summon-options-panel__toggle-row{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff05;margin-bottom:16px;transition:border-color .2s,background .2s}.summon-options-panel__toggle-row:hover{border-color:rgba(var(--portal-accent),.3);background:rgba(var(--portal-accent),.04)}.summon-options-panel__toggle-track{position:relative;width:40px;height:22px;background:#ffffff1a;border-radius:11px;flex-shrink:0;transition:background .3s}.summon-options-panel__toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#667;border-radius:50%;transition:transform .3s,background .3s,box-shadow .3s}.summon-options-panel__toggle-track--active{background:rgba(var(--portal-accent),.35)}.summon-options-panel__toggle-track--active .summon-options-panel__toggle-thumb{transform:translate(18px);background:rgb(var(--portal-light));box-shadow:0 0 8px rgba(var(--portal-light),.5)}.summon-options-panel__toggle-label{font-family:Share Tech Mono,monospace;font-size:.9rem;color:#c8c8dcd9;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.summon-options-panel__slider-section{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff05;margin-bottom:20px}.summon-options-panel__slider-header{font-family:Share Tech Mono,monospace;font-size:.8rem;color:#b4aadc99;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.summon-options-panel__slider-controls{display:flex;align-items:center;gap:12px}.summon-options-panel__slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,rgb(var(--portal-accent)),rgb(var(--portal-light)),#ff6b9d);border-radius:2px;outline:none;cursor:pointer;opacity:.85;transition:opacity .2s}.summon-options-panel__slider:hover{opacity:1}.summon-options-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:rgb(var(--portal-pale));border-radius:50%;cursor:pointer;border:2px solid rgba(var(--portal-accent),.5);box-shadow:0 0 8px rgba(var(--portal-accent),.3)}.summon-options-panel__slider::-moz-range-thumb{width:18px;height:18px;background:rgb(var(--portal-pale));border-radius:50%;cursor:pointer;border:2px solid rgba(var(--portal-accent),.5);box-shadow:0 0 8px rgba(var(--portal-accent),.3)}.summon-options-panel__slider-value{font-family:Share Tech Mono,monospace;font-size:1.1rem;font-weight:700;color:rgb(var(--portal-pale));min-width:2.2em;text-align:right}.summon-options-panel__slider-tier{font-family:Share Tech Mono,monospace;font-size:.85rem;color:rgb(var(--portal-light));text-align:center;letter-spacing:1px;margin-top:8px;text-shadow:0 0 8px rgba(var(--portal-light),.3)}.summon-options-panel__actions{display:flex;gap:12px;justify-content:center;margin-top:4px}.summon-options-panel__btn{font-family:Cinzel,serif;font-size:.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:12px 28px;border-radius:6px;cursor:pointer;transition:all .2s}.summon-options-panel__btn--summon{background:linear-gradient(180deg,rgba(var(--portal-accent),.2),rgba(var(--portal-accent),.1));border:1px solid rgba(var(--portal-accent),.45);color:rgb(var(--portal-light));text-shadow:0 0 8px rgba(var(--portal-light),.3)}.summon-options-panel__btn--summon:hover{background:linear-gradient(180deg,rgba(var(--portal-accent),.3),rgba(var(--portal-accent),.15));border-color:rgba(var(--portal-light),.6);box-shadow:0 0 20px rgba(var(--portal-accent),.2);color:rgb(var(--portal-pale))}.summon-options-panel__btn--cancel{background:transparent;border:1px solid rgba(255,255,255,.12);color:#c8c8c899;font-family:Share Tech Mono,monospace}.summon-options-panel__btn--cancel:hover{border-color:#ff505066;color:#ff6060;background:#ff50500f}.portal-flavor-text{position:absolute;bottom:18%;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:clamp(.8rem,1.5vw,1rem);color:rgb(var(--portal-light));opacity:0;text-align:center;letter-spacing:1px;text-shadow:0 0 12px rgba(var(--portal-light),.3);pointer-events:none;white-space:nowrap;z-index:3}.portal-error-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;z-index:3}.portal-error-display__message{font-family:Share Tech Mono,monospace;font-size:1rem;color:#ff6060;margin-bottom:24px;max-width:400px;line-height:1.5}.portal-error-display__actions{display:flex;gap:16px;justify-content:center}.portal-error-display__btn{font-family:Share Tech Mono,monospace;font-size:.85rem;letter-spacing:1px;padding:10px 24px;border-radius:6px;cursor:pointer;transition:all .2s}.portal-error-display__btn--retry{background:rgba(var(--portal-accent),.15);border:1px solid rgba(var(--portal-accent),.4);color:rgb(var(--portal-light))}.portal-error-display__btn--retry:hover{background:rgba(var(--portal-accent),.25);border-color:rgba(var(--portal-light),.6)}.portal-error-display__btn--cancel{background:transparent;border:1px solid rgba(255,255,255,.12);color:#c8c8c899}.portal-error-display__btn--cancel:hover{border-color:#ff505066;color:#ff6060}.character-reveal-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:min(370px,70vw);aspect-ratio:832 / 1258;perspective:1000px;opacity:0;z-index:3;cursor:pointer}.character-reveal-card__inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.character-reveal-card--flipped .character-reveal-card__inner{transform:rotateY(180deg)}.character-reveal-card__front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden;border:2px solid rgba(var(--portal-accent),.35);border-radius:4px;background:#111}.character-reveal-card__back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;transform:rotateY(180deg);overflow:hidden;border:2px solid rgba(var(--portal-accent),.35);border-radius:4px;background:#0a0818f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 16px;display:flex;flex-direction:column;gap:0;justify-content:flex-start}.character-reveal-card__portrait{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.character-reveal-card__name-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);text-align:center}.character-reveal-card__name{font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;color:rgb(var(--portal-pale));margin:0 0 6px;letter-spacing:1px}.character-reveal-card__genres{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.character-reveal-card__genre-badge{font-family:Share Tech Mono,monospace;font-size:.6rem;padding:2px 7px;border-radius:10px;letter-spacing:.3px;text-transform:uppercase}.character-reveal-card__flip-hint{position:absolute;top:8px;right:10px;font-size:.7rem;color:#ffffff59;font-family:Share Tech Mono,monospace;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:3;backface-visibility:hidden}.character-reveal-card--flipped .character-reveal-card__flip-hint{visibility:hidden}.character-reveal-card__back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 20%,var(--reveal-accent, rgba(var(--portal-light), .07)) 0%,transparent 70%);pointer-events:none;z-index:0}.card-back-header{text-align:center;margin-bottom:2px;position:relative;z-index:1}.card-back-header__name{font-family:Cinzel,serif;font-size:1rem;font-weight:700;margin:0;letter-spacing:1px;line-height:1.2}.card-back-header__class{font-family:Share Tech Mono,monospace;font-size:.62rem;color:#b4aadcb3;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.card-back-tagline{font-family:Share Tech Mono,monospace;font-size:.68rem;font-style:italic;color:#c8bef0bf;text-align:center;line-height:1.3;margin:4px 0 8px;position:relative;z-index:1}.card-back-nature{display:flex;flex-direction:column;gap:3px;margin-bottom:4px;position:relative;z-index:1}.card-back-nature__row{display:grid;grid-template-columns:28px 1fr;gap:6px;align-items:start}.card-back-nature__label{font-family:Share Tech Mono,monospace;font-size:.58rem;font-weight:700;letter-spacing:1px;line-height:1.4;padding-top:1px}.card-back-nature__text{font-family:Share Tech Mono,monospace;font-size:.58rem;color:#b4aadca6;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-back-divider{height:1px;background:linear-gradient(to right,transparent 0%,rgba(180,170,220,.2) 20%,rgba(180,170,220,.2) 80%,transparent 100%);margin:6px 0;position:relative;z-index:1}.card-back-section-label{font-family:Share Tech Mono,monospace;font-size:.55rem;color:#b4aadc66;text-align:center;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;position:relative;z-index:1}.card-back-awakened__teaser{font-style:italic;font-weight:700;text-transform:none;letter-spacing:.3px;font-size:.5rem;color:#22c55eb3}.card-back-abilities{display:flex;flex-direction:column;gap:2px;margin-bottom:2px;position:relative;z-index:1}.card-back-abilities__row{display:flex;align-items:center;gap:6px}.card-back-abilities__icon{font-size:.6rem;flex-shrink:0}.card-back-abilities__name{font-family:Share Tech Mono,monospace;font-size:.62rem;color:#dcd7f5d9;letter-spacing:.3px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-back-abilities__role{font-family:Share Tech Mono,monospace;font-size:.5rem;letter-spacing:1px;padding:1px 5px;border:1px solid;border-radius:3px;opacity:.7;flex-shrink:0}.card-back-traits{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.card-back-traits__row{display:grid;grid-template-columns:32px 1fr;gap:6px;align-items:baseline}.card-back-traits__label{font-family:Share Tech Mono,monospace;font-size:.55rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-back-traits__text{font-family:Share Tech Mono,monospace;font-size:.6rem;color:#c8bef0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-back-awakened{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.card-back-awakened__slot{display:flex;align-items:center;gap:8px;background:#b4aadc08;border:1px solid rgba(180,170,220,.1);border-radius:4px;padding:3px 10px;animation:awakened-pulse 3s ease-in-out infinite}.card-back-awakened__slot:nth-child(2){animation-delay:.15s}.card-back-awakened__slot:nth-child(3){animation-delay:.3s}.card-back-awakened__name{font-family:Share Tech Mono,monospace;font-size:.58rem;color:#c8bef099;letter-spacing:.3px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-back-awakened__info{display:flex;align-items:center;gap:4px;margin-left:auto}.card-back-awakened__tier{font-family:Share Tech Mono,monospace;font-size:.5rem;color:#b4aadc66;letter-spacing:.5px;text-transform:uppercase}.card-back-awakened__role{font-family:Share Tech Mono,monospace;font-size:.5rem;letter-spacing:.5px;opacity:.6}@keyframes awakened-pulse{0%,to{border-color:#b4aadc1a}50%{border-color:#b4aadc40}}.card-back-visual-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.card-back-genre-label{font-family:Share Tech Mono,monospace;font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;opacity:.65;margin-top:6px;margin-bottom:4px;text-align:center}.card-back-visual{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;min-height:40px}.card-back-visual--large{flex:1;transform:scale(1.3);transform-origin:center center;pointer-events:none}.card-back-visual svg{max-width:100%;max-height:100%}.card-back-flavor{font-family:Share Tech Mono,monospace;font-size:.58rem;color:#b4aadc59;text-align:center;font-style:italic;letter-spacing:.5px;margin-top:auto;padding-top:6px;position:relative;z-index:1}.card-back-awakened__slot[data-power-tip]{cursor:help;position:relative}.card-back-awakened__slot[data-power-tip]:hover{background:#b4aadc14;border-color:#b4aadc4d}.card-back-awakened__slot[data-power-tip]:after{content:attr(data-power-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;max-width:260px;padding:8px 12px;background:#0c081cf5;border:1px solid rgba(140,120,255,.35);border-radius:6px;box-shadow:0 4px 20px #0009,0 0 12px #7c3aed26;color:#dcd2fae6;font-family:Share Tech Mono,Courier New,monospace;font-size:.6rem;font-style:normal;line-height:1.5;letter-spacing:.3px;white-space:pre-line;text-align:left;z-index:100;pointer-events:none;opacity:0;transition:opacity .2s ease}.card-back-awakened__slot[data-power-tip]:hover:after{opacity:1}.portal-collect-btn{position:absolute;bottom:12%;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:14px 36px;border-radius:8px;cursor:pointer;background:linear-gradient(180deg,rgba(var(--portal-accent),.2),rgba(var(--portal-accent),.1));border:1px solid rgba(var(--portal-accent),.45);color:rgb(var(--portal-light));text-shadow:0 0 10px rgba(var(--portal-light),.3);opacity:0;z-index:3;transition:all .2s;min-height:44px;white-space:nowrap}.portal-collect-btn:hover{background:linear-gradient(180deg,rgba(var(--portal-accent),.3),rgba(var(--portal-accent),.15));border-color:rgba(var(--portal-light),.6);box-shadow:0 0 24px rgba(var(--portal-accent),.25);color:rgb(var(--portal-pale))}.portal-screen-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,rgba(var(--portal-light),.4) 40%,transparent 70%);opacity:0;pointer-events:none;z-index:4}@media(max-width:600px){.summon-options-panel{padding:24px 18px 20px;max-width:95%}.summon-options-panel__actions{flex-direction:column}.summon-options-panel__btn{width:100%;text-align:center}.character-reveal-card{width:min(280px,80vw)}.character-reveal-card__back{padding:10px 12px}.card-back-nature__text{-webkit-line-clamp:1}.portal-collect-btn{width:85%;text-align:center}.portal-error-display__actions{flex-direction:column;gap:10px}.portal-error-display__btn{width:100%;text-align:center}}.setup-panel{--theme-accent: #60a5fa;--theme-accent-rgb: 96, 165, 250;--theme-accent-dark: #60a5fa;--theme-card-bg: linear-gradient(180deg, rgba(20,30,50,.9) 0%, rgba(5,5,15,.95) 100%);--theme-card-border: rgba(96,165,250,.25);--theme-card-shadow: 0 2px 12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05);--theme-toggle-bg: rgba(96,165,250,.5);--theme-toggle-shadow: 0 0 8px rgba(96,165,250,.3);--theme-toggle-thumb: #60a5fa;--theme-header-color: #60a5fa;--theme-header-style: normal;--theme-header-bg: none;--theme-header-clip: unset;--theme-header-fill: unset;--theme-text-primary: #fff;--theme-text-secondary: #ccc;--theme-text-muted: #888;--theme-text-hint: #777;--theme-border-subtle: rgba(255,255,255,.06);--theme-chip-border: rgba(255,255,255,.12);--theme-title-shadow: none}.setup-panel--persona-cartoon{--theme-text-primary: #2a2040;--theme-text-secondary: #444;--theme-text-muted: #555;--theme-text-hint: #555;--theme-accent-dark: #d07800;--theme-border-subtle: rgba(0,0,0,.08);--theme-chip-border: rgba(0,0,0,.15);--theme-title-shadow: 0 1px 0 rgba(255,255,255,.4)}.rpg-layout[class*=gameplay-persona-]{--theme-text-primary: #fff;--theme-text-secondary: #ccc;--theme-title-shadow: none;--theme-bubble-dm-bg: rgba(60, 60, 60, .3);--theme-bubble-dm-border: #666;--theme-bubble-dm-text: #ddd;--theme-bubble-player-bg: rgba(0, 100, 100, .2);--theme-bubble-player-border: #0ff;--theme-bubble-player-text: #fff;--theme-bubble-sender: #888;--theme-vitality-bg: rgba(5, 5, 15, .9);--theme-panel-bg: rgba(0, 0, 0, .7);--theme-mode: dark}.rpg-layout.gameplay-persona-cartoon{--theme-text-primary: #2a2040;--theme-text-secondary: #444;--theme-bubble-dm-bg: rgba(255,255,255,.7);--theme-bubble-dm-border: rgba(0,0,0,.15);--theme-bubble-dm-text: #222;--theme-bubble-player-bg: rgba(255,255,255,.7);--theme-bubble-player-border: rgba(0,150,150,.3);--theme-bubble-player-text: #222;--theme-bubble-sender: #666;--theme-sheet-section-bg: rgba(15, 12, 25, .88);--theme-sheet-section-border: rgba(80, 60, 120, .25);--theme-vitality-bg: rgba(60, 10, 10, .85);--theme-mode: light}#quest-chat{--theme-chat-bg: linear-gradient(135deg, rgba(10,15,35,.95), rgba(5,5,15,.95))}#quest-chat.quest-chat--persona-gritty{--theme-chat-bg: linear-gradient(180deg, rgba(40,8,8,.95), rgba(15,5,5,.95))}#quest-chat.quest-chat--persona-high_fantasy{--theme-chat-bg: linear-gradient(135deg, rgba(8,28,14,.95), rgba(4,12,20,.95))}#quest-chat.quest-chat--persona-horror{--theme-chat-bg: linear-gradient(180deg, rgba(20,5,30,.95), rgba(5,2,8,.98))}#quest-chat.quest-chat--persona-comedy{--theme-chat-bg: linear-gradient(135deg, rgba(15,8,25,.95) 0%, rgba(8,18,22,.95) 35%, rgba(12,20,10,.95) 65%, rgba(25,12,8,.95) 100%)}#quest-chat.quest-chat--persona-mystery{--theme-chat-bg: linear-gradient(160deg, rgba(28,18,10,.96), rgba(12,8,4,.96))}#quest-chat.quest-chat--persona-contemporary{--theme-chat-bg: linear-gradient(135deg, rgba(30,25,8,.95), rgba(18,15,5,.95))}#quest-chat.quest-chat--persona-pulp_adventure{--theme-chat-bg: linear-gradient(150deg, rgba(35,8,12,.96) 0%, rgba(20,5,15,.96) 45%, rgba(8,10,30,.96) 100%)}#quest-chat.quest-chat--persona-thriller{--theme-chat-bg: linear-gradient(175deg, rgba(14,14,18,.97) 0%, rgba(6,6,8,.98) 40%, rgba(10,10,14,.97) 100%)}#quest-chat.quest-chat--persona-fairy_tale{--theme-chat-bg: linear-gradient(160deg, rgba(45,20,35,.94) 0%, rgba(30,12,25,.96) 50%, rgba(15,8,20,.98) 100%)}#quest-chat.quest-chat--persona-sci_fi{--theme-chat-bg: linear-gradient(180deg, rgba(4,18,40,.96) 0%, rgba(2,8,20,.98) 60%, rgba(6,14,30,.96) 100%)}#quest-chat.quest-chat--persona-superhero{--theme-chat-bg: linear-gradient(160deg, rgba(35,10,15,.96) 0%, rgba(10,15,40,.97) 50%, rgba(20,10,10,.96) 100%)}#quest-chat.quest-chat--persona-historical{--theme-chat-bg: linear-gradient(135deg, rgba(26,21,16,.96) 0%, rgba(42,32,21,.96) 50%, rgba(30,26,18,.96) 100%)}#quest-chat.quest-chat--persona-martial_arts{--theme-chat-bg: linear-gradient(160deg, rgba(8,22,18,.96) 0%, rgba(14,34,26,.96) 50%, rgba(6,16,12,.96) 100%)}#quest-chat.quest-chat--persona-anime{--theme-chat-bg: linear-gradient(170deg, rgba(14,10,30,.96) 0%, rgba(24,14,40,.96) 50%, rgba(10,8,22,.96) 100%)}#quest-chat.quest-chat--persona-romance{--theme-chat-bg: linear-gradient(160deg, rgba(40,10,20,.96) 0%, rgba(25,5,15,.97) 50%, rgba(15,5,12,.96) 100%)}#quest-chat.quest-chat--persona-cartoon{--theme-chat-bg: radial-gradient(ellipse at 60% 50%, #e8e0f4 0%, #d0d8f0 40%, #e0c8e0 80%, #d4c0d8 100%)}.rpg-layout.gameplay-persona-gritty{--theme-panel-bg: linear-gradient(180deg, rgba(25,5,5,.85), rgba(10,3,3,.9));--theme-panel-border: rgba(220,38,38,.25)}.rpg-layout.gameplay-persona-high_fantasy{--theme-panel-bg: linear-gradient(135deg, rgba(5,18,10,.85), rgba(3,8,14,.9));--theme-panel-border: rgba(16,185,129,.25)}.rpg-layout.gameplay-persona-horror{--theme-panel-bg: linear-gradient(180deg, rgba(14,3,20,.85), rgba(4,1,6,.92));--theme-panel-border: rgba(124,58,237,.25)}.rpg-layout.gameplay-persona-comedy{--theme-panel-bg: linear-gradient(135deg, rgba(10,6,18,.85), rgba(6,12,14,.9));--theme-panel-border: rgba(245,158,11,.25)}.rpg-layout.gameplay-persona-mystery{--theme-panel-bg: linear-gradient(160deg, rgba(18,12,6,.88), rgba(8,5,3,.92));--theme-panel-border: rgba(184,147,95,.25)}.rpg-layout.gameplay-persona-contemporary{--theme-panel-bg: linear-gradient(135deg, rgba(20,16,5,.85), rgba(12,10,3,.9));--theme-panel-border: rgba(234,179,8,.25)}.rpg-layout.gameplay-persona-pulp_adventure{--theme-panel-bg: linear-gradient(150deg, rgba(22,5,8,.88), rgba(6,7,20,.92));--theme-panel-border: rgba(180,50,80,.25)}.rpg-layout.gameplay-persona-thriller{--theme-panel-bg: linear-gradient(175deg, rgba(10,10,14,.9), rgba(4,4,6,.94));--theme-panel-border: rgba(176,184,192,.2)}.rpg-layout.gameplay-persona-fairy_tale{--theme-panel-bg: linear-gradient(160deg, rgba(30,14,22,.86), rgba(10,5,14,.92));--theme-panel-border: rgba(232,160,192,.2)}.rpg-layout.gameplay-persona-sci_fi{--theme-panel-bg: linear-gradient(180deg, rgba(3,12,28,.88), rgba(1,6,14,.94));--theme-panel-border: rgba(40,180,220,.2)}.rpg-layout.gameplay-persona-superhero{--theme-panel-bg: linear-gradient(160deg, rgba(24,8,12,.88), rgba(8,10,28,.92));--theme-panel-border: rgba(220,180,40,.2)}.rpg-layout.gameplay-persona-historical{--theme-panel-bg: linear-gradient(135deg, rgba(18,14,10,.88), rgba(28,22,14,.92));--theme-panel-border: rgba(160,130,90,.2)}.rpg-layout.gameplay-persona-martial_arts{--theme-panel-bg: linear-gradient(160deg, rgba(6,16,14,.88), rgba(10,26,20,.92));--theme-panel-border: rgba(42,172,138,.2)}.rpg-layout.gameplay-persona-anime{--theme-panel-bg: linear-gradient(170deg, rgba(10,8,22,.88), rgba(18,10,30,.92));--theme-panel-border: rgba(220,80,180,.2)}.rpg-layout.gameplay-persona-romance{--theme-panel-bg: linear-gradient(160deg, rgba(30,8,16,.88), rgba(18,4,10,.92));--theme-panel-border: rgba(224,80,128,.2)}.rpg-layout.gameplay-persona-cartoon{--theme-panel-bg: linear-gradient(170deg, rgba(216,210,232,.92), rgba(200,210,235,.94));--theme-panel-border: rgba(120,100,160,.25)}.sheet-section{background:var(--theme-sheet-section-bg, rgba(0,0,0,.3));border:1px solid var(--theme-sheet-section-border, #333);border-radius:4px}.sheet-stat-card{background:var(--theme-sheet-section-bg, #222);border:1px solid var(--theme-sheet-section-border, #555);border-radius:4px}.sheet-stat-row{background:var(--theme-sheet-section-bg, #1a1a1a);border:1px solid var(--theme-sheet-section-border, #333);border-radius:4px}.sheet-detail-panel{background:var(--theme-sheet-section-bg, #1a1a2e);border:1px solid var(--theme-sheet-section-border, #333);border-radius:4px}.inv-loot-badge{font-size:.6em;font-weight:700;letter-spacing:.5px;padding:0 4px;border-radius:3px;line-height:1.5;flex-shrink:0;text-transform:uppercase}.inv-loot-new{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.inv-loot-lost{background:#f871711a;color:#888;border:1px solid rgba(248,113,113,.2)}.inv-loot-modified{background:#facc151a;color:#facc15;border:1px solid rgba(250,204,21,.25)}.expandable-list.collapsed{display:none}.expandable-list.expanded{display:block}.expand-toggle{cursor:pointer;opacity:.6;font-size:.85em;padding:4px 0;-webkit-user-select:none;user-select:none}.expand-toggle:hover{opacity:1}.resistance-row.muted,.reputation-row.muted{opacity:.4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Share Tech Mono,Courier New,monospace;background:#0a0a14;color:#d4d4d8;-webkit-font-smoothing:antialiased}#starfield-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}#demo-app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;height:100vh;padding:1rem 1rem 5rem;overflow:hidden}.demo-logo{margin-top:1rem;text-align:center;z-index:10}.demo-logo img{max-width:240px;height:auto;filter:drop-shadow(0 0 20px rgba(124,58,237,.4))}.demo-logo-text{font-family:Cinzel,serif;font-size:1.8rem;color:#e0d0ff;text-shadow:0 0 10px rgba(124,58,237,.6),0 0 30px rgba(124,58,237,.3);letter-spacing:.15em;margin-top:.5rem}.logo-i{color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,.8),0 0 20px rgba(96,165,250,.6),0 0 40px rgba(96,165,250,.35);animation:flicker-i 13s linear infinite}.logo-p{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.8),0 0 20px rgba(74,222,128,.6),0 0 40px rgba(74,222,128,.35);animation:flicker-p 17s linear infinite}.logo-m{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,.8),0 0 20px rgba(248,113,113,.6),0 0 40px rgba(248,113,113,.35);animation:flicker-m 19s linear infinite}@keyframes flicker-i{0%,7%{opacity:1}8%{opacity:.25}8.5%{opacity:.85}9%{opacity:.15}9.5%,30%{opacity:1}31%{opacity:.3}31.5%{opacity:.9}32%,58%{opacity:1}59%{opacity:.2}59.5%{opacity:.75}60%{opacity:.1}60.5%{opacity:.8}61%{opacity:.2}62%,84%{opacity:1}85%{opacity:.35}85.5%{opacity:.9}86%,to{opacity:1}}@keyframes flicker-p{0%,14%{opacity:1}15%{opacity:.2}15.5%{opacity:.7}16%{opacity:.1}16.5%,38%{opacity:1}39%{opacity:.3}39.5%{opacity:.85}40%{opacity:.15}40.5%,55%{opacity:1}56%{opacity:.25}56.5%{opacity:.8}57%,78%{opacity:1}79%{opacity:.2}79.5%{opacity:.9}80%{opacity:.1}80.5%{opacity:.7}81%,to{opacity:1}}@keyframes flicker-m{0%,5%{opacity:1}6%{opacity:.3}6.5%{opacity:.8}7%{opacity:.15}7.5%,22%{opacity:1}23%{opacity:.2}23.5%{opacity:.9}24%,45%{opacity:1}46%{opacity:.25}46.5%{opacity:.7}47%{opacity:.1}47.5%{opacity:.85}48%{opacity:.2}48.5%,70%{opacity:1}71%{opacity:.35}71.5%{opacity:.8}72%,90%{opacity:1}91%{opacity:.2}91.5%{opacity:.75}92%{opacity:.15}92.5%,to{opacity:1}}.frame-slots{display:flex;justify-content:center;align-items:flex-start;gap:0;margin-top:1.5rem;z-index:10;opacity:0;transition:opacity .8s ease}.frame-slots.visible{opacity:1}.frame-group{display:flex;gap:1rem;position:relative;padding:10px 14px 22px;border:1px solid rgba(124,58,237,.15);border-radius:8px;background:#7c3aed08}.frame-group-known{border-color:#60a5fa33;background:#60a5fa05}.frame-group-novel{border-color:#c084fc33;background:#c084fc05;animation:fadeIn .5s ease forwards}.frame-group-label{position:absolute;bottom:-1px;left:50%;transform:translate(-50%) translateY(50%);font-family:Cinzel,serif;font-size:.55rem;letter-spacing:2px;text-transform:uppercase;padding:1px 10px;border-radius:3px;background:#0a0a14}.frame-group-known .frame-group-label{color:#60a5fa;border:1px solid rgba(96,165,250,.25);cursor:pointer;transition:all .2s}.frame-group-known .frame-group-label:hover{background:#60a5fa1a;border-color:#60a5fa80;box-shadow:0 0 8px #60a5fa33}.frame-group-novel .frame-group-label{color:#c084fc;border:1px solid rgba(192,132,252,.25);cursor:pointer;transition:all .2s}.frame-group-novel .frame-group-label:hover{background:#c084fc1a;border-color:#c084fc80;box-shadow:0 0 8px #c084fc33}.frame-group-label.badge-disabled{cursor:default;opacity:.3;pointer-events:none}.frame-group-label.badge-disabled:hover{background:transparent;border-color:inherit;box-shadow:none}.frame-group-label.badge-ready{pointer-events:auto;opacity:1;animation:badge-energy 2s ease-in-out infinite}.frame-group-known .frame-group-label.badge-ready{box-shadow:0 0 8px #60a5fa4d,0 0 20px #60a5fa26;text-shadow:0 0 6px rgba(96,165,250,.5)}.frame-group-novel .frame-group-label.badge-ready{box-shadow:0 0 8px #c084fc4d,0 0 20px #c084fc26;text-shadow:0 0 6px rgba(192,132,252,.5)}@keyframes badge-energy{0%,to{filter:brightness(1);transform:translate(-50%) translateY(50%) scale(1)}50%{filter:brightness(1.4);transform:translate(-50%) translateY(50%) scale(1.08)}}.frame-group-known.slots-full:after,.frame-group-novel.slots-full:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;border-radius:1px;animation:energy-arc 1.5s ease-in-out infinite}.frame-group-known.slots-full:after{background:linear-gradient(90deg,transparent,rgba(96,165,250,.6),rgba(96,165,250,.2),rgba(96,165,250,.6),transparent);box-shadow:0 0 8px #60a5fa66,0 0 15px #60a5fa33}.frame-group-novel.slots-full:after{background:linear-gradient(90deg,transparent,rgba(192,132,252,.6),rgba(192,132,252,.2),rgba(192,132,252,.6),transparent);box-shadow:0 0 8px #c084fc66,0 0 15px #c084fc33}@keyframes energy-arc{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.frame-group-divider{width:1px;height:80px;margin:60px 12px 0;background:linear-gradient(to bottom,transparent,rgba(124,58,237,.3),transparent);flex-shrink:0;animation:fadeIn .5s ease forwards}.frame-slot{width:140px;height:200px;border:2px solid rgba(124,58,237,.3);border-radius:8px;background:#0a0a1499;position:relative;overflow:hidden;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s}.frame-slot:before{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:2.5rem;color:#7c3aed40;pointer-events:none;transition:opacity .4s}.frame-slot.filled:before{opacity:0}.frame-slot:hover{border-color:#7c3aed99;box-shadow:0 0 15px #7c3aed33;transform:scale(1.03)}.frame-slot.filled{border-color:var(--persona-accent, rgba(124, 58, 237, .5));box-shadow:0 0 12px #7c3aed26}.frame-slot img{width:100%;height:100%;object-fit:cover;display:block}.frame-slot .frame-name{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:#000000b3;font-family:Cinzel,serif;font-size:.65rem;text-align:center;color:#e0d0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-slot.flash{animation:frame-flash .6s ease-out}@keyframes frame-flash{0%{box-shadow:0 0 30px var(--persona-accent, #7c3aed)}to{box-shadow:0 0 12px #7c3aed26}}.frame-slots{perspective:800px}.frame-slot.filled{overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .15s ease-out}.frame-slot.filled:hover{transform:none}.frame-slot.filled .foil-sweep{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.frame-slot.filled .foil-sweep:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.1) 55%,rgba(255,255,255,.04) 70%,transparent 80%);animation:demoFoilSweep 8s ease-in-out infinite}@keyframes demoFoilSweep{0%,85%,to{left:-120%}40%,45%{left:160%}}.frame-slot.filled .foil-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at var(--foil-x, 50%) var(--foil-y, 50%),rgba(255,255,255,.22) 0%,rgba(200,180,255,.1) 25%,transparent 55%);mix-blend-mode:screen}.frame-slot.filled:hover .foil-overlay{opacity:1}.sheet-portrait-wrap{position:relative;overflow:hidden;display:inline-block;border-radius:6px;transition:transform .15s ease-out;cursor:grab}.sheet-portrait-wrap .foil-sweep{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.sheet-portrait-wrap .foil-sweep:after{content:"";position:absolute;top:-50%;left:-120%;width:80%;height:200%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.1) 55%,rgba(255,255,255,.04) 70%,transparent 80%);transform-origin:center center;animation:demoSheetSweep 10s ease-in-out infinite}@keyframes demoSheetSweep{0%{left:-120%;top:-50%;transform:rotate(-12deg);opacity:1}15%{left:160%;top:-30%;transform:rotate(5deg);opacity:1}16%,32%{opacity:0}33%{left:160%;top:-60%;transform:rotate(20deg);opacity:1}48%{left:-120%;top:-40%;transform:rotate(-5deg);opacity:1}49%,65%{opacity:0}66%{left:-120%;top:-70%;transform:rotate(-25deg);opacity:1}81%{left:160%;top:-45%;transform:rotate(8deg);opacity:1}82%,to{opacity:0}}.portal-container{position:relative;width:700px;max-width:100%;height:700px;max-height:40vh;margin:.5rem auto;display:flex;align-items:center;justify-content:center;z-index:5;flex-shrink:1}.portal-container canvas{position:absolute;top:0;left:0;width:100%;height:100%}.portal-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;z-index:50}.character-card-container{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);z-index:100;perspective:1200px}.collect-btn-container{position:fixed;top:72%;left:50%;transform:translate(-50%);z-index:101;text-align:center}.action-area{text-align:center;z-index:15;margin-top:.5rem;position:relative}.action-area.landing-center{position:fixed;top:calc(50% - 50px);left:50%;transform:translate(-50%,-50%)}.demo-btn{font-family:Cinzel,serif;font-size:1.1rem;padding:14px 36px;border:2px solid rgba(124,58,237,.5);border-radius:6px;background:#7c3aed1a;color:#e0d0ff;cursor:pointer;letter-spacing:.08em;transition:all .3s ease;position:relative;overflow:hidden}.demo-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:8px;background:linear-gradient(45deg,transparent,rgba(124,58,237,.15),transparent);background-size:200% 200%;animation:btn-shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes btn-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.demo-btn:hover{border-color:#7c3aedcc;background:#7c3aed33;box-shadow:0 0 25px #7c3aed4d;transform:translateY(-2px)}.demo-btn:active{transform:translateY(0)}.demo-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.demo-btn.cta-primary{background:#7c3aed4d;border-color:#7c3aedb3;font-size:1.2rem;padding:16px 44px}.summon-counter{font-size:.85rem;color:#d4d4d899;margin-top:.5rem}.pool-counter{font-size:1rem;color:#c4b5fd;margin-top:.6rem;letter-spacing:.04em;line-height:1.6}.pool-counter .pool-summoned{font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5),0 0 25px rgba(74,222,128,.25)}.pool-counter .pool-number{font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5),0 0 25px rgba(251,191,36,.25);letter-spacing:.02em}.novel-counter .pool-number{font-size:3rem;color:#c084fc;text-shadow:0 0 12px rgba(192,132,252,.6),0 0 30px rgba(192,132,252,.3);vertical-align:middle;line-height:.5}.summon-subtitle{font-family:Cinzel,serif;font-size:1.05rem;color:#e0d0ff;font-style:italic;margin-top:.4rem;text-shadow:0 0 10px rgba(124,58,237,.4);letter-spacing:.08em}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#05050fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;pointer-events:none}.sheet-overlay.visible{opacity:1;pointer-events:auto}.sheet-modal{position:relative;width:100%;max-width:880px;max-height:85vh;overflow-y:auto;background:#0f0f1ef2;border:1px solid rgba(124,58,237,.3);border-radius:12px;padding:2rem;box-shadow:0 0 40px #7c3aed26}.sheet-modal::-webkit-scrollbar{width:6px}.sheet-modal::-webkit-scrollbar-track{background:#0f0f1e80}.sheet-modal::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:3px}.sheet-close-btn{position:sticky;top:0;float:right;width:36px;height:36px;border:1px solid rgba(124,58,237,.3);border-radius:50%;background:#0f0f1ee6;color:#d4d4d8;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.sheet-close-btn:hover{border-color:#7c3aedb3;background:#7c3aed33}.summary-modal{position:relative;width:100%;max-width:95vw;max-height:90vh;overflow-y:auto;background:#0a0a14f7;border:1px solid rgba(124,58,237,.3);border-radius:12px;padding:2rem;box-shadow:0 0 40px #7c3aed26}.summary-modal::-webkit-scrollbar{width:6px}.summary-modal::-webkit-scrollbar-track{background:#0f0f1e80}.summary-modal::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:3px}.summary-title{font-family:Cinzel,serif;font-size:1.2rem;text-align:center;margin-bottom:1.5rem;letter-spacing:.1em}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.summary-card{background:#0f0f1ef2;border:1px solid rgba(124,58,237,.2);border-radius:10px;padding:20px;box-shadow:0 0 20px #7c3aed14}.summary-close-btn{position:sticky;top:0;float:right;z-index:10}@media(max-width:1200px){.summary-grid{grid-template-columns:1fr;max-width:720px;margin:0 auto}}.cta-sidebar{position:fixed;top:0;right:-420px;width:400px;height:100dvh;background:#0a0a19f7;border-left:1px solid rgba(124,58,237,.3);z-index:300;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:2rem 1.5rem 3rem;transition:right .4s cubic-bezier(.25,.46,.45,.94)}.cta-sidebar.visible{right:0}.cta-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:299;opacity:0;pointer-events:none;transition:opacity .3s}.cta-sidebar-backdrop.visible{opacity:1;pointer-events:auto}.cta-sidebar h2{font-family:Cinzel,serif;font-size:1.3rem;color:#e0d0ff;margin-bottom:1.5rem;text-align:center}.cta-sidebar .close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:1px solid rgba(124,58,237,.3);border-radius:50%;background:transparent;color:#d4d4d8;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.screenshot-item{margin-bottom:1.5rem}.screenshot-item img{width:100%;border-radius:8px;border:1px solid rgba(124,58,237,.2);cursor:pointer;transition:transform .2s,border-color .2s}.screenshot-item img:hover{transform:scale(1.02);border-color:#7c3aed80}.screenshot-item .screenshot-title{font-family:Cinzel,serif;font-size:.9rem;color:#e0d0ff;margin-top:.5rem}.screenshot-item .screenshot-desc{font-size:.8rem;color:#d4d4d899;margin-top:.25rem;line-height:1.4}.cta-no-sub-banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;margin-bottom:1.5rem;background:linear-gradient(135deg,#4ade8014,#4ade8008);border:1px solid rgba(74,222,128,.2);border-radius:8px}.cta-no-sub-icon{font-size:1.4rem;flex-shrink:0}.cta-no-sub-text{font-family:Inter,sans-serif;font-size:.75rem;color:#c4d8c0;line-height:1.4;text-align:center}.cta-no-sub-text strong{display:block;margin-top:4px;color:#4ade80;font-weight:600}.cta-lock-in{font-family:Cinzel,serif;font-size:.72rem;font-style:italic;color:#fbbf24;letter-spacing:.08em;text-shadow:0 0 10px rgba(251,191,36,.3)}.cta-section-title{font-family:Cinzel,serif;font-size:1.1rem;letter-spacing:.08em;margin-bottom:.75rem;text-align:center}.cta-section-now{color:#4ade80;text-shadow:0 0 12px rgba(74,222,128,.3)}.cta-section-subtitle{font-size:.75rem;color:#4ade80;letter-spacing:.05em;font-weight:400}.cta-down-arrow{display:block;color:#4ade80;font-size:1rem;margin-top:10px;text-align:center;text-shadow:0 0 8px rgba(74,222,128,.5);animation:arrow-pulse 2s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.cta-section-coming{color:#c4b5fd;text-shadow:0 0 12px rgba(124,58,237,.3)}.cta-section-intro{font-family:Inter,sans-serif;font-size:.82rem;color:#d4d4d8b3;line-height:1.6;margin-bottom:1.2rem;text-align:center}.cta-section-intro strong{color:#fbbf24;font-weight:600}.cta-intro-block{text-align:center;margin-bottom:1.2rem}.cta-intro-line{font-family:Cinzel,serif;font-size:.9rem;color:#e0d0ff;margin-bottom:.6rem}.cta-intro-detail{font-family:Inter,sans-serif;font-size:.8rem;color:#d4d4d8b3;line-height:1.6;margin-bottom:.5rem}.cta-intro-detail strong{color:#fbbf24;font-weight:600}.cta-intro-aside{font-family:Inter,sans-serif;font-size:.7rem;color:#d4d4d866;font-style:italic;margin-bottom:.5rem}.cta-intro-warning{font-family:Cinzel,serif;font-size:.8rem;color:#f87171;font-style:italic;margin-top:.4rem;text-shadow:0 0 8px rgba(248,113,113,.25)}.cta-roadmap-note{font-style:italic;color:#c4b5fd99}.cta-feature-list{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}.cta-feature-item{display:flex;gap:10px;align-items:start}.cta-feature-bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.cta-feature-title{font-family:Cinzel,serif;font-size:.82rem;color:#e0d0ff;margin-bottom:2px}.cta-feature-img{width:100%;max-height:180px;object-fit:cover;object-position:top;border-radius:6px;border:1px solid color-mix(in srgb,var(--feature-color, #888) 20%,transparent);margin:6px 0 8px;cursor:zoom-in}.cta-feature-desc{font-family:Inter,sans-serif;font-size:.75rem;color:#d4d4d880;line-height:1.4}.cta-ea-upgrade{font-family:Inter,sans-serif;font-size:.78rem;color:#4ade80;text-align:center;margin-top:.75rem;margin-bottom:.5rem;line-height:1.5;font-weight:500}#sub-joke{display:block;margin-top:6px;font-style:italic;color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.3)}.cta-divider{height:1px;margin:1.5rem 0;background:linear-gradient(to right,transparent,rgba(124,58,237,.3),transparent)}.cta-roadmap-list{display:flex;flex-direction:column;gap:16px}.cta-roadmap-item{padding:12px 14px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-left:3px solid var(--roadmap-color, #888);border-radius:0 6px 6px 0}.cta-roadmap-pill{display:inline-block;font-family:Inter,sans-serif;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:2px 8px;border-radius:3px;margin-bottom:6px;background:color-mix(in srgb,var(--roadmap-color) 12%,transparent);color:var(--roadmap-color);border:1px solid color-mix(in srgb,var(--roadmap-color) 30%,transparent)}.cta-roadmap-title{font-family:Cinzel,serif;font-size:.82rem;color:#e0d0ff;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid color-mix(in srgb,var(--roadmap-color) 15%,transparent)}.cta-roadmap-img{width:100%;max-height:180px;object-fit:cover;object-position:top;border-radius:6px;border:1px solid color-mix(in srgb,var(--roadmap-color) 20%,transparent);margin-bottom:8px;cursor:zoom-in}.roadmap-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;background:#05050fe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;opacity:0;transition:opacity .2s}.roadmap-lightbox.visible{opacity:1}.roadmap-lightbox img{max-width:80vw;max-height:85vh;object-fit:contain;border-radius:8px;border:1px solid rgba(124,58,237,.3);box-shadow:0 0 40px #7c3aed26;pointer-events:none}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:2.5rem;width:48px;height:64px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1;line-height:1;padding:0}.lb-arrow:hover{background:#7c3aed4d;border-color:#7c3aed80;color:#fff}.lb-arrow--left{left:16px}.lb-arrow--right{right:16px}.lb-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-size:.8rem;color:#fff6;letter-spacing:2px;pointer-events:none}.cta-roadmap-desc{font-family:Inter,sans-serif;font-size:.75rem;color:#d4d4d88c;line-height:1.55}.cta-final-card{text-align:center;padding:2rem 1rem;margin:1.5rem 0;border:1px solid rgba(124,58,237,.2);border-radius:8px;background:linear-gradient(135deg,#7c3aed14,#10b9810d)}.cta-final-card p{font-family:Cinzel,serif;font-size:1rem;color:#e0d0ffb3;font-style:italic}.cta-purchase-btn{display:block;width:100%;font-family:Cinzel,serif;font-size:1.1rem;padding:14px;margin-top:1.5rem;border:2px solid rgba(124,58,237,.6);border-radius:8px;background:linear-gradient(135deg,#7c3aed40,#7c3aed26);color:#e0d0ff;cursor:pointer;text-align:center;text-decoration:none;letter-spacing:.1em;transition:all .3s}.cta-purchase-btn:hover{background:linear-gradient(135deg,#7c3aed66,#7c3aed40);box-shadow:0 0 30px #7c3aed4d;transform:translateY(-2px)}.cta-secondary-link{display:block;text-align:center;margin-top:1rem;color:#d4d4d880;font-size:.8rem;text-decoration:none}.cta-secondary-link:hover{color:#e0d0ff;cursor:pointer}.cta-stats-card{margin-bottom:1.25rem;padding:1.25rem;background:linear-gradient(135deg,#7c3aed14,#22c55e0d);border:1px solid rgba(124,58,237,.25);border-radius:10px;animation:statsReveal .5s ease forwards}@keyframes statsReveal{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.cta-stats-title{font-family:Cinzel,serif;font-size:.8rem;text-transform:uppercase;letter-spacing:2.5px;color:#d4d4d8b3;text-align:center;margin-bottom:1rem}.cta-stats-hero{text-align:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(124,58,237,.15)}.cta-stats-hero-num{font-family:Cinzel,serif;font-size:1.6rem;font-weight:700;color:#c4b5fd;text-shadow:0 0 20px rgba(124,58,237,.3)}.cta-stats-hero-label{font-size:.72rem;color:#d4d4d880;letter-spacing:.5px;margin-top:2px}.cta-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cta-stats-cell{text-align:center;padding:10px 4px;background:#0003;border:1px solid rgba(255,255,255,.04);border-radius:8px}.cta-stats-num{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:#e0d0ff}.cta-stats-label{font-size:.62rem;text-transform:uppercase;letter-spacing:1px;color:#d4d4d873;line-height:1.3;margin-top:2px}.cta-stats-closer{text-align:center;margin-top:1rem;font-size:.78rem;font-style:italic;color:#d4d4d866;line-height:1.5}@keyframes purchasePulse{0%{box-shadow:0 0 8px #7c3aed33}50%{box-shadow:0 0 30px #7c3aed99,0 0 60px #7c3aed33}to{box-shadow:0 0 8px #7c3aed33}}.cta-purchase-btn.pulse{animation:purchasePulse .6s ease 3}.demo-footer{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;text-align:center;z-index:10;background:linear-gradient(to bottom,transparent,rgba(10,10,20,.9) 30%);pointer-events:none}.demo-footer p,.demo-footer button,.demo-footer .demo-skip-link{pointer-events:auto}.demo-footer p{font-size:.75rem;color:#d4d4d859;max-width:600px;margin:0 auto;line-height:1.5}.demo-footer-disclaimer{font-family:Inter,sans-serif;font-size:.68rem;color:#d4d4d84d;font-style:italic}.demo-reset-btn{margin-top:.75rem;padding:4px 16px;font-size:.65rem;font-family:Share Tech Mono,monospace;color:#d4d4d84d;background:transparent;border:1px solid rgba(212,212,216,.15);border-radius:4px;cursor:pointer;transition:all .2s}.demo-reset-btn:hover{color:#d4d4d899;border-color:#d4d4d84d}.demo-skip-link{margin-left:12px;font-size:.6rem;font-family:Inter,sans-serif;font-weight:600;color:#ef444473;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.demo-skip-link:hover{color:#ef4444cc}.demo-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:#7c3aede6;color:#fff;padding:10px 24px;border-radius:6px;font-size:.85rem;z-index:500;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.demo-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.d5e-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#05050fcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s}.d5e-info-overlay.visible{opacity:1;pointer-events:auto}.d5e-info-card{position:relative;max-width:540px;padding:24px 28px;background:#0f0f1ef7;border:1px solid rgba(124,58,237,.4);border-radius:10px;box-shadow:0 0 40px #7c3aed33}.d5e-info-prefix{font-family:Cinzel,serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;text-align:center;margin-bottom:10px}.d5e-info-text{font-family:Inter,sans-serif;font-size:.88rem;color:#ccc;line-height:1.7;text-align:center}.d5e-info-close{position:absolute;top:8px;right:10px;width:28px;height:28px;border:1px solid rgba(124,58,237,.3);border-radius:50%;background:transparent;color:#999;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.d5e-info-close:hover{border-color:#7c3aedb3;color:#ddd;background:#7c3aed26}.fly-card{position:fixed;z-index:150;transition:none;pointer-events:none}@media(max-width:1024px){.frame-slot{width:120px;height:170px}.portal-container{width:550px;height:550px}.sheet-modal{max-width:90vw;padding:1.5rem}.cta-sidebar{width:360px;right:-380px}}@media(max-width:768px){html,body{overflow:auto;overflow-x:hidden}#demo-app{padding:.5rem;height:auto;min-height:100dvh;overflow:visible;padding-bottom:0}.demo-logo-text{font-size:1.3rem}.frame-slots{gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;flex-wrap:nowrap;scroll-snap-type:x mandatory;scroll-padding-left:8px;padding:0 8px 8px;width:100%;max-width:100vw;align-self:stretch}.frame-group{flex-shrink:0;scroll-snap-align:start}.frame-group-divider{flex-shrink:0}.frame-slot{width:90px;height:130px;flex-shrink:0}.frame-slot:before{font-size:1.8rem}.portal-container{width:400px;height:40px;max-height:40px;margin:0 auto}.portal-container.portal-fullscreen{top:60px;height:calc(100vh - 60px);max-height:calc(100vh - 60px);width:100vw}.demo-btn{font-size:.95rem;padding:12px 28px}.action-area{padding-bottom:1rem}.demo-footer{position:static;background:none;padding:1rem .75rem 1.5rem;pointer-events:auto}.demo-footer-disclaimer{font-size:.6rem}.sheet-modal{max-width:100vw;max-height:100vh;border-radius:0;padding:1rem}.cta-sidebar{width:100vw;height:auto;min-height:100dvh;max-height:100dvh;right:-100vw;padding:1.5rem 1rem 100px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.cta-sidebar.visible{right:0}.demo-footer p{font-size:.65rem}}.hidden{display:none!important}.summoning-hidden{visibility:hidden!important;pointer-events:none!important}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-header-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.demo-char-name{font-family:Cinzel,serif;font-size:1.6rem;font-weight:600;margin-bottom:4px}.demo-char-title{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:3px;text-transform:uppercase;opacity:.7;margin-bottom:4px}.demo-ornament-line{height:1px;margin:0 auto 20px}.demo-header-export-wrap{display:inline-flex;position:relative;flex-shrink:0}.demo-header-export-btn{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;padding:6px 14px;border-radius:6px 0 0 6px;cursor:pointer;border:1px solid;background:#ffffff0a;transition:all .25s}.demo-header-export-btn:hover{background:#ffffff1a;text-shadow:0 0 12px currentColor}.demo-header-export-btn:disabled{opacity:.6;cursor:wait}.demo-header-export-chevron{font-family:Inter,sans-serif;font-size:9px;padding:6px 7px;border-radius:0 6px 6px 0;cursor:pointer;border:1px solid;border-left:none;background:#ffffff0a;transition:all .25s}.demo-header-export-chevron:hover{background:#ffffff1a}.demo-header-pdf-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#1a1a2e;border:1px solid;border-radius:6px;overflow:hidden;z-index:100;min-width:170px;box-shadow:0 4px 12px #00000080}.demo-top-grid{display:grid;grid-template-columns:1fr 1px 1fr;gap:0}.demo-top-left{padding-right:16px}.demo-top-divider{background:linear-gradient(to bottom,transparent,#444,transparent)}.demo-top-right{padding-left:16px}.demo-field-label{font-family:Inter,sans-serif;font-size:.65rem;color:var(--sheet-accent, #b388ff);text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:4px;margin-top:14px}.demo-field-label:first-child{margin-top:0}.demo-field-value{font-family:Inter,sans-serif;font-weight:300;color:#ddd;font-size:.88rem;line-height:1.6;padding-left:10px;border-left:2px solid color-mix(in srgb,var(--sheet-accent, #b388ff) 25%,transparent);margin-bottom:2px}.demo-portrait-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px;border:1px solid color-mix(in srgb,var(--sheet-accent, #b388ff) 25%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--sheet-accent, #b388ff) 15%,transparent)}.demo-nature-grid{display:flex;flex-direction:column;gap:8px;margin-top:4px}.demo-nature-row{display:flex;gap:8px;align-items:start}.demo-nature-label{font-family:Inter,sans-serif;font-weight:600;font-size:.75rem;min-width:90px;padding-top:2px;flex-shrink:0}.demo-nature-value{font-family:Inter,sans-serif;font-weight:300;font-size:.82rem;color:#bbb;line-height:1.5}.demo-bio-section{margin:20px 0;padding:16px 18px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-left:3px solid color-mix(in srgb,var(--sheet-accent, #b388ff) 40%,transparent);border-radius:0 6px 6px 0}.demo-bio-section .demo-field-label{margin-top:0}.demo-bio-text{font-family:Inter,sans-serif;font-weight:300;font-size:.85rem;color:silver;line-height:1.7;margin-top:8px;white-space:pre-wrap}.demo-bio-text:first-line{font-weight:400;color:#ddd}.demo-section-header{font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;color:var(--sheet-accent, #b388ff);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--sheet-accent, #b388ff) 15%,transparent)}.demo-traits-section{margin:20px 0}.demo-traits-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.demo-trait-card{padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-top:2px solid var(--trait-color);border-radius:4px}.demo-trait-label{font-family:Inter,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;color:var(--trait-color)}.demo-trait-value{font-family:Inter,sans-serif;font-weight:300;font-size:.82rem;color:#bbb;line-height:1.5}.demo-abilities-section{margin:20px 0;padding:14px;background:#0000004d;border:1px solid #333;border-radius:6px}.demo-ability-card{background:#1a1a22;padding:10px 12px;border-radius:4px;border:1px solid #2a2a35;border-left:3px solid var(--role-color, #888);margin-bottom:8px}.demo-ability-card:last-child{margin-bottom:0}.demo-ability-name{font-family:Inter,sans-serif;font-weight:500;font-size:.9rem;color:#e0e0e0}.demo-ability-badge{display:inline-block;font-family:Inter,sans-serif;font-size:.55rem;font-weight:700;padding:1px 6px;border-radius:3px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.demo-ability-desc{font-family:Inter,sans-serif;font-weight:300;font-size:.8rem;color:#999;line-height:1.5;margin-top:4px}.demo-awakened-section{margin:20px 0;padding:14px;background:#0000004d;border:1px solid #333;border-radius:6px}.demo-awakened-header{font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;color:#b19cd9;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(177,156,217,.15)}.demo-awakened-teaser{font-family:Inter,sans-serif;font-size:.65rem;font-style:italic;color:#22c55eb3;margin-left:8px;font-weight:400;text-transform:none;letter-spacing:normal}.demo-awakened-card{background:#0d0d15;padding:10px 12px;border-radius:4px;border:1px solid #1a1a25;border-left:3px solid color-mix(in srgb,var(--role-color, #555) 50%,transparent);margin-bottom:8px}.demo-awakened-card:last-child{margin-bottom:0}.demo-tier-badge{display:inline-block;font-family:Inter,sans-serif;font-size:.55rem;font-weight:700;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.demo-awakened-name{font-family:Inter,sans-serif;font-weight:500;font-size:.88rem;color:#ccc}.demo-awakened-desc{font-family:Inter,sans-serif;font-weight:300;font-size:.8rem;color:#888;line-height:1.5;margin-top:4px}.demo-inventory-section{margin:20px 0;padding:14px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:6px}.demo-inv-item{display:flex;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.demo-inv-item:last-child{border-bottom:none}.demo-inv-bullet{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--sheet-accent, #b388ff);opacity:.5;margin-top:6px}.demo-inv-name{font-family:Inter,sans-serif;font-weight:500;font-size:.82rem;color:#ccc}.demo-inv-desc{font-family:Inter,sans-serif;font-weight:300;font-size:.78rem;color:#777}.demo-cta-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.demo-sheet-action-btn{font-family:Inter,sans-serif;font-size:.78rem;font-weight:400;padding:8px 18px;border-radius:5px;cursor:pointer;border:1px solid #444;background:#ffffff08;color:#888;transition:all .2s}.demo-sheet-action-btn:hover{border-color:#666;color:#bbb}.demo-d5e-btn{border-color:color-mix(in srgb,var(--sheet-accent, #b388ff) 30%,#444);color:color-mix(in srgb,var(--sheet-accent, #b388ff) 60%,#888)}.demo-d5e-btn:hover{border-color:var(--sheet-accent, #b388ff);color:var(--sheet-accent, #b388ff);background:color-mix(in srgb,var(--sheet-accent, #b388ff) 8%,transparent)}@media(max-width:768px){.demo-header-row{flex-direction:column;gap:8px}.demo-header-export-wrap{margin-bottom:10px}.demo-header-export-btn{font-size:.72rem;padding:5px 10px}.demo-top-grid{grid-template-columns:1fr}.demo-top-divider{display:none}.demo-top-left{padding-right:0}.demo-top-right{padding-left:0;margin-top:16px}.demo-traits-grid{grid-template-columns:1fr}.wrt-grid-3col{grid-template-columns:1fr!important}.genre-toggle-pill{font-size:.8rem!important;padding:8px 16px!important}.demo-facets-grid{grid-template-columns:1fr!important}}.demo-wrt-section{margin:24px 0}.demo-section-subheader{font-family:Inter,sans-serif;font-size:.78rem;color:#666;margin-bottom:14px;font-style:italic}.wrt-grid{display:grid;gap:14px}.wrt-grid-3col,.wrt-grid-2col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wrt-grid-1col{grid-template-columns:1fr;max-width:400px;margin:0 auto}@keyframes trait-breathe-persona{0%,to{background-color:#1a1a22}33%{background-color:var(--wrt-breathe-dark, #1e1630)}66%{background-color:#1a1a22}}.wrt-trait-card{--wrt-breathe-dark: color-mix(in srgb, rgb(var(--wrt-accent-r, 167), var(--wrt-accent-g, 139), var(--wrt-accent-b, 250)) 8%, #1a1a22);background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(var(--wrt-accent-r, 167),var(--wrt-accent-g, 139),var(--wrt-accent-b, 250),.025) 2px,rgba(var(--wrt-accent-r, 167),var(--wrt-accent-g, 139),var(--wrt-accent-b, 250),.025) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(var(--wrt-accent-r, 167),var(--wrt-accent-g, 139),var(--wrt-accent-b, 250),.02) 2px,rgba(var(--wrt-accent-r, 167),var(--wrt-accent-g, 139),var(--wrt-accent-b, 250),.02) 4px);background-color:#1a1a22;animation:trait-breathe-persona 6s ease-in-out infinite;border:1px solid #2a2a35;border-left:3px solid var(--wrt-accent, #a78bfa);border-radius:6px;padding:14px 16px}.wrt-trait-badge{font-size:.6em;text-transform:uppercase;letter-spacing:1.5px;font-family:Inter,sans-serif;margin-bottom:4px}.wrt-trait-name{font-weight:600;color:#e2e8f0;font-size:.9em;font-family:Inter,sans-serif;margin-bottom:6px}.wrt-trait-desc{color:#94a3b8;font-size:.82em;line-height:1.5;font-family:Inter,sans-serif}@keyframes rift-border{0%,to{border-color:#a855f74d;box-shadow:0 0 12px #a855f71a}50%{border-color:#22d3ee66;box-shadow:0 0 18px #22d3ee26}}@keyframes starfield-drift{0%{background-position:0 0,0 0,0 0}to{background-position:200px 100px,-150px 200px,100px -150px}}@keyframes rift-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-echo-rift{background-color:#06060f;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 55% 15%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 70% 80%,rgba(200,180,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 85% 40%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(1px 1px at 15% 90%,rgba(180,200,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 45% 50%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 90% 10%,rgba(168,85,247,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 25% 45%,rgba(34,211,238,.35) 0%,transparent 100%),radial-gradient(1px 1px at 60% 35%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 5% 55%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 78% 62%,rgba(168,85,247,.3) 0%,transparent 100%);background-size:200px 200px,180px 180px,220px 220px,190px 190px,210px 210px,170px 170px,230px 230px,160px 160px,240px 240px,185px 185px,195px 195px,215px 215px;border:1.5px solid rgba(168,85,247,.3);border-radius:8px;padding:18px 20px;text-align:center;animation:rift-border 4s ease-in-out infinite,starfield-drift 8s linear infinite;position:relative;overflow:hidden}.portal-echo-rift:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(168,85,247,.06) 0%,transparent 60%);pointer-events:none}.portal-echo-icon{font-size:1.4em;margin-bottom:8px;opacity:.7;display:inline-block;animation:rift-spin 12s linear infinite}.portal-echo-label{font-family:Cinzel,serif;font-size:.6em;color:#a855f7;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.portal-echo-desc{color:#8892a8;font-size:.78em;line-height:1.55;margin-bottom:12px;font-style:italic;font-family:Inter,sans-serif;position:relative;z-index:1}.portal-echo-quote{color:#c4b5fd;font-size:.95em;font-style:italic;line-height:1.5;text-shadow:0 0 8px rgba(168,85,247,.15);font-family:Inter,sans-serif;position:relative;z-index:1}.genre-toggle-section{text-align:center;margin:20px 0 16px}.genre-toggle-hint{font-family:Inter,sans-serif;font-size:.72rem;color:#666;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}@keyframes genre-breathe{0%,to{box-shadow:0 0 8px #a855f733,inset 0 0 4px #a855f70d}50%{box-shadow:0 0 16px #22d3ee4d,inset 0 0 8px #22d3ee14}}.genre-toggle-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:1.5px solid rgba(168,85,247,.4);border-radius:24px;background:linear-gradient(135deg,#1a1028,#141420);color:#c4b5fd;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .3s ease;animation:genre-breathe 3s ease-in-out infinite;letter-spacing:.3px}.genre-toggle-pill:hover{border-color:#22d3ee99;color:#e2e8f0;transform:scale(1.02)}.genre-toggle-pill[data-showing=alt]{border-color:#22d3ee80;background:linear-gradient(135deg,#101828,#141420);color:#67e8f9}.genre-toggle-swap{font-size:1.1em;transition:transform .3s ease}.genre-toggle-pill:hover .genre-toggle-swap{transform:rotate(180deg)}.genre-toggle-label{transition:opacity .15s ease}.demo-facets-section{margin:24px 0}.demo-facets-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-facet-card{display:flex;align-items:stretch;background:#14141e;border:1px solid #2a2a35;border-radius:8px;overflow:hidden;opacity:.7;position:relative}.demo-facet-level{display:flex;align-items:center;justify-content:center;min-width:52px;background:linear-gradient(135deg,#1a1028,#14141e);border-right:1px solid #2a2a35;font-family:Cinzel,serif;font-size:.85rem;color:#7c3aed;font-weight:700;letter-spacing:1px}.demo-facet-body{flex:1;padding:12px 14px}.demo-facet-name{font-family:Inter,sans-serif;font-weight:600;font-size:.85rem;color:#94a3b8;margin-bottom:4px}.demo-facet-status{font-family:Inter,sans-serif;font-size:.65rem;color:#4a4a5a;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.demo-facet-structure{font-family:Inter,sans-serif;font-size:.7rem;color:#555;font-style:italic}.demo-facet-lock{display:flex;align-items:center;padding:0 12px;font-size:1.1rem;opacity:.4}.demo-facets-progress{margin-top:16px;padding:0 20px}.demo-facets-track{position:relative;height:24px;background:linear-gradient(to right,#1a1028,#14141e);border-radius:12px;border:1px solid #2a2a35}.demo-facets-node{position:absolute;top:50%;transform:translate(-50%,-50%)}.demo-facets-dot{width:8px;height:8px;border-radius:50%;background:#7c3aed;opacity:.5;margin:0 auto}.demo-facets-dot-label{font-family:Inter,sans-serif;font-size:.55rem;color:#555;text-align:center;margin-top:2px}.demo-ability-tier-badge{font-family:Inter,sans-serif;font-size:.65rem;opacity:.8;margin-left:auto;white-space:nowrap}