*{box-sizing:border-box;padding:0;margin:0}img{max-width:100%;height:auto}:root{--bg:#0c0e14;--bg-card:#13151d;--bg-hover:#1c1e28;--border:#2a2c38;--gold:#d4a44a;--gold-dim:#8b6d2e;--gold-glow:rgba(212,164,74,0.15);--text:#ddd6c8;--text-dim:#8a847a;--red:#b04040;--blue:#5090b0;--green:#508a50;--stone:#3a3830;--parchment:#1a1810;--iron:#4a4a56}body,html{min-height:100vh;background:var(--bg);color:var(--text);font-family:Garamond,Palatino Linotype,Palatino,Georgia,Hiragino Mincho ProN,Yu Mincho,serif;line-height:1.85;overflow-x:hidden}body{background-image:radial-gradient(ellipse at 20% 50%,rgba(50,40,20,.08) 0,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(30,35,50,.06) 0,transparent 70%),url(/images/bg-texture.jpg);background-repeat:no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,512px 512px;background-blend-mode:normal,normal,overlay}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.nav{border-bottom:1px solid var(--border);background:rgba(12,14,20,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--gold-dim) 30%,var(--gold) 50%,var(--gold-dim) 70%,transparent 95%);opacity:.3}.nav-inner{max-width:1000px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:2rem;height:56px}.nav-logo{font-size:1.15rem;color:var(--gold);letter-spacing:.12em;white-space:nowrap;text-shadow:0 0 20px rgba(212,164,74,.2)}.nav-mobile-only{display:none}.nav-turn-badge.nav-mobile-only{margin-left:.3rem}.nav-action-btn.nav-mobile-only{margin-left:auto;margin-right:.2rem}.nav-turn-badge{align-items:center;gap:.3rem;font-size:.72rem;color:var(--gold);padding:.2rem .5rem;border:1px solid var(--gold-dim);border-radius:3px;letter-spacing:.05em;white-space:nowrap}.nav-turn-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;animation:distortion-pulse 2s ease-in-out infinite}.nav-action-btn{font-size:.68rem;padding:.25rem .5rem;background:linear-gradient(180deg,#8b6d2e,#6a5422);color:var(--text);border:1px solid #9a7830;border-radius:3px;text-decoration:none;white-space:nowrap;letter-spacing:.03em}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:var(--text-dim);font-size:.88rem;letter-spacing:.06em;transition:color .25s,transform .2s;position:relative}.nav-links a:before{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s cubic-bezier(.22,1,.36,1);transform-origin:center}.nav-links a:hover{color:var(--text)}.nav-links a:hover:before{transform:scaleX(1)}.nav-links a.active{color:var(--gold)}.nav-links a.active:after{content:"";position:absolute;bottom:-.4rem;left:0;right:0;height:1px;background:var(--gold-dim)}.main{max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem;width:100%;overflow-x:hidden}.card{background:linear-gradient(135deg,var(--bg-card) 0,rgba(20,22,30,.9) 100%);border:1px solid var(--border);border-radius:3px;padding:1.5rem;position:relative;animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) both;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(212,164,74,.06)}.card:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,rgba(212,164,74,.15),transparent)}.card+.card{margin-top:1rem}.section-title{font-size:.78rem;letter-spacing:.25em;color:var(--gold-dim);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);position:relative}.section-title:after{content:"◆";position:absolute;bottom:-.4em;left:50%;transform:translateX(-50%);font-size:.5rem;color:var(--gold-dim);background:var(--bg-card);padding:0 .5rem}.story-text{font-size:1rem;line-height:2;color:var(--text);white-space:pre-wrap}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8rem;color:var(--text-dim);letter-spacing:.1em;margin-bottom:.5rem}.form-textarea{width:100%;background:rgba(12,14,20,.6);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.8;padding:.75rem 1rem;resize:vertical;min-height:160px;transition:border-color .25s,box-shadow .25s}.form-textarea:focus{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 1px var(--gold-dim),0 0 12px rgba(212,164,74,.08)}.form-hint{font-size:.78rem;color:var(--text-dim);margin-top:.4rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:3px;font-family:inherit;font-size:.88rem;letter-spacing:.06em;cursor:pointer;border:none;transition:all .25s}.btn-primary{background:linear-gradient(180deg,#8b6d2e,#6a5422);color:var(--text);border:1px solid #9a7830;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-primary:hover{background:linear-gradient(180deg,#9a7830,#7a6228);box-shadow:0 0 16px rgba(212,164,74,.25),0 4px 12px rgba(0,0,0,.3);transform:translateY(-1px)}.btn-primary:active{transform:scale(.96);box-shadow:0 0 4px rgba(212,164,74,.1);transition-duration:.08s}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text);border-color:var(--gold-dim);transform:translateY(-1px)}.btn-ghost:active{transform:scale(.96);transition-duration:.08s}.badge{display:inline-block;font-size:.72rem;letter-spacing:.1em;padding:.2rem .6rem;border-radius:2px;animation:scaleIn .3s cubic-bezier(.22,1,.36,1) both}.badge-open{background:#152818;color:#5cb068;border:1px solid #284830}.badge-closed{background:#281515;color:#c06060;border:1px solid #402020}.badge-proc{background:#151c28;color:#5888b0;border:1px solid #203040}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.grid-2{grid-template-columns:1fr}}.faction-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--border)}.faction-row:last-child{border-bottom:none}.faction-name{font-size:.95rem}.faction-power{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-dim)}.power-bar{width:80px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.power-fill{height:100%;background:var(--gold-dim);border-radius:2px}.faction-解明{--faction-color:#5a9cc8;--faction-bg:#0c1820;--faction-border:#1a3050}.faction-封印{--faction-color:#c8943a;--faction-bg:#1a1508;--faction-border:#3a2a12}.faction-解釈{--faction-color:#9a6ac8;--faction-bg:#180c28;--faction-border:#2c1a44}.faction-利用{--faction-color:#58a868;--faction-bg:#0c1a10;--faction-border:#1a3822}.faction-card{background:var(--faction-bg,var(--bg-card));border:1px solid var(--faction-border,var(--border));border-left:3px solid var(--faction-color,var(--gold-dim));border-radius:3px;padding:1.15rem 1.25rem;transition:transform .25s,box-shadow .25s;position:relative}.faction-card:before{content:"";position:absolute;top:0;left:3px;right:0;height:1px;background:linear-gradient(90deg,var(--faction-color,var(--gold-dim)),transparent 60%);opacity:.2}.faction-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 28px rgba(0,0,0,.4),0 0 16px rgba(var(--faction-color,212,164,74),.1);border-color:var(--faction-color,var(--gold-dim))}.faction-card:active{transform:scale(.98);transition-duration:.08s}.loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-dim);font-size:.9rem;padding:2rem 0}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--gold-dim);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0;position:relative}.page-header{margin-bottom:2rem}.page-title{font-size:1.4rem;color:var(--gold);letter-spacing:.12em;margin-bottom:.4rem;text-shadow:0 0 30px rgba(212,164,74,.12);animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) both}.page-subtitle{font-size:.85rem;color:var(--text-dim);animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) .1s both}.alert{padding:.75rem 1rem;border-radius:3px;font-size:.9rem;margin-bottom:1rem}.alert-error{background:#2a1010;border:1px solid #4a2020;color:#e08080;animation:shake .4s ease}.alert-success{background:#102010;border:1px solid #204020;color:#80c080}.stat-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.stat-fill{height:100%;border-radius:3px;transition:width .5s ease;background:var(--gold-dim)}.hero-section{position:relative;background:url(/images/hero-bg.jpg) 50%/cover no-repeat;padding:4rem 2rem 4.5rem;margin:-2.5rem -1.5rem 2rem;text-align:center;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,20,.2) 0,rgba(12,14,20,.5) 40%,rgba(12,14,20,.92))}.hero-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 10%,var(--gold-dim) 35%,var(--gold) 50%,var(--gold-dim) 65%,transparent 90%);opacity:.35}.hero-section>*{position:relative;z-index:1}.hero-title{font-size:2.2rem;color:var(--gold);letter-spacing:.18em;margin-bottom:.6rem;text-shadow:0 2px 24px rgba(212,164,74,.35),0 0 80px rgba(212,164,74,.1),0 1px 0 rgba(0,0,0,.5);font-weight:400;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) .2s both}.hero-subtitle{font-size:.92rem;color:rgba(221,214,200,.7);line-height:1.9;max-width:700px;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) .5s both;text-wrap:balance}.turn-card{background:linear-gradient(135deg,var(--bg-card) 0,#161822 100%);border:1px solid var(--border);border-radius:4px;padding:1.5rem 2rem;position:relative;overflow:hidden}.turn-card:before{left:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.turn-card:after,.turn-card:before{content:"";position:absolute;top:0;right:0}.turn-card:after{bottom:0;width:320px;background:url(/images/turn-frame.png) 100%/contain no-repeat;opacity:.06;pointer-events:none}.turn-number{font-size:3rem;color:var(--gold);line-height:1;font-weight:400;letter-spacing:.1em;text-shadow:0 0 30px rgba(212,164,74,.15)}.nav-card{background:linear-gradient(135deg,#161820,#1a1c26);border:1px solid #30323e;border-radius:3px;padding:1.25rem 1.25rem 1.25rem 4.5rem;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;min-height:90px}.nav-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 12px var(--gold-glow)}.nav-card:active{transform:scale(.97);transition-duration:.08s}.nav-card:before{content:"";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:48px;height:48px;background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.65;transition:opacity .25s}.nav-card:hover:before{opacity:1}.nav-card[data-icon=action]:before{background-image:url(/images/icon-action.png)}.nav-card[data-icon=story]:before{background-image:url(/images/icon-story.png)}.nav-card[data-icon=causality]:before{background-image:url(/images/icon-causality.png)}.nav-card[data-icon=ranking]:before{background-image:url(/images/icon-ranking.png)}.nav-card:hover{border-color:var(--gold-dim);background:linear-gradient(135deg,#1c1e28,#22242e);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.nav-card-title{font-size:.88rem;color:var(--gold);letter-spacing:.1em;margin-bottom:.4rem}.nav-card-desc{font-size:.8rem;color:var(--text-dim);line-height:1.7}.faction-emblem{width:42px;height:42px;object-fit:contain;opacity:.85;transition:opacity .25s;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(212,164,74,.15))}.faction-card:hover .faction-emblem{opacity:1}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{font-size:.7rem;letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase;text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.data-table td{padding:.6rem .75rem;border-bottom:1px solid #1a1c24;color:var(--text)}.data-table tr:hover td{background:var(--bg-hover)}.profile-header{position:relative;background:linear-gradient(135deg,var(--bg-card) 0,#161822 100%);border:1px solid var(--border);border-radius:4px;padding:2rem;margin-bottom:1.5rem;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.entity-link{color:var(--gold);text-decoration:none;border-bottom:1px dotted var(--gold-dim);cursor:pointer;transition:opacity .15s}.entity-link:hover{opacity:.8}.character-sheet{max-width:1000px;margin:0 auto;padding:1rem}.cs-layout{display:grid;grid-template-columns:1fr .6fr 1fr;grid-gap:1rem;gap:1rem;align-items:start}.cs-col{gap:1rem}.cs-block,.cs-col{display:flex;flex-direction:column}.cs-block{padding:1.25rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:3px;position:relative;animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) both;transition:border-color .3s ease}.cs-block:hover{border-color:rgba(255,255,255,.1)}.cs-block:before{content:"";position:absolute;top:0;left:.5rem;right:.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(212,164,74,.1),transparent)}.cs-block-grow{flex:1 1}.cs-block-title{text-align:center;font-size:.72rem;letter-spacing:.25em;color:var(--gold-dim);margin-bottom:.75rem;font-weight:400}.cs-name{text-align:center;font-size:1.4rem;color:var(--gold);letter-spacing:.1em;text-shadow:0 0 20px rgba(212,164,74,.15)}.cs-details{flex:1 1}.cs-detail-row{display:flex;align-items:baseline;gap:.75rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem}.cs-detail-row:last-of-type{border-bottom:none}.cs-detail-label{flex-shrink:0;width:4rem;color:var(--text-dim);font-size:.78rem;text-align:right}.cs-detail-value{flex:1 1;color:var(--text)}.cs-portrait-wrap{display:flex;justify-content:center}.cs-personality-list{display:flex;flex-direction:column;flex:1 1}.cs-personality-item{flex:1 1;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);padding:.5rem 0;font-size:.85rem;color:var(--text)}.cs-personality-item:last-child{border-bottom:none}.cs-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem 1.5rem;gap:1.25rem 1.5rem;margin-top:.5rem}.cs-stat{display:flex;flex-direction:column;gap:.3rem}.cs-stat-label{font-size:.72rem;color:var(--text-dim);letter-spacing:.06em}.cs-stat-bar{display:flex;gap:3px}.cs-stat-block{flex:1 1;height:5px;background:rgba(255,255,255,.07);border-radius:1px;transition:background-color .3s}.cs-stat-block.active{opacity:1}.cs-stat-rank{font-size:1rem;font-weight:700;margin-top:-.1rem;background:#fff;-webkit-text-fill-color:transparent}.cs-stat-rank,.rank-s{-webkit-background-clip:text;background-clip:text}.rank-s{background-image:linear-gradient(180deg,#D08020,#F0C060)}.rank-a{background-image:linear-gradient(180deg,#8040C0,#B080E0)}.rank-a,.rank-b{-webkit-background-clip:text;background-clip:text}.rank-b{background-image:linear-gradient(180deg,#3090C0,#60B8E0)}.rank-c{color:var(--text);-webkit-text-fill-color:var(--text)}.rank-d{color:var(--text-dim);-webkit-text-fill-color:var(--text-dim)}.rank-e{color:#5a5050;-webkit-text-fill-color:#5a5050}.charsheet-stats-grid{display:flex;flex-direction:column;gap:.5rem}.charsheet-stat-row{display:flex;align-items:center;gap:.6rem}.charsheet-stat-label{width:4.5rem;display:flex;align-items:baseline;gap:.3rem;flex-shrink:0}.charsheet-stat-name{font-size:.78rem;color:var(--text-dim)}.charsheet-stat-abbr{font-size:.6rem;color:#5a5050;letter-spacing:.05em}.charsheet-stat-bar-wrap{flex:1 1;min-width:0}.charsheet-stat-bar-bg{height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}.charsheet-stat-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.charsheet-stat-value{width:1.5rem;text-align:center;font-family:monospace;font-size:.82rem;font-weight:600}.charsheet-rank-badge{width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;border-radius:4px;border:1px solid;flex-shrink:0}.charsheet-tabs-wrap{border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.01)}.charsheet-tabs-bar{display:flex;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}.charsheet-tabs-bar::-webkit-scrollbar{display:none}.charsheet-tab-btn{flex:0 0 auto;padding:.55rem .7rem;font-size:.75rem;font-family:inherit;color:var(--text-dim);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap}.charsheet-tab-btn:hover{color:var(--text);background:rgba(255,255,255,.02)}.charsheet-tab-btn.active{font-weight:600;background:rgba(255,255,255,.03)}.charsheet-tabs-content{padding:1rem 1.25rem;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-dim) rgba(255,255,255,.05)}.charsheet-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem 1.5rem;background:linear-gradient(135deg,rgba(0,0,0,.4),transparent)}.charsheet-hero-name{font-size:1.8rem;color:var(--gold);font-weight:700;line-height:1.3;margin:.75rem 0 .5rem}.charsheet-hero-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-bottom:.5rem}.charsheet-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;padding:1.25rem 1.5rem}.charsheet-scores{display:flex;justify-content:center;gap:2.5rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.charsheet-score-item{text-align:center}.charsheet-score-label{font-size:.62rem;color:var(--text-dim);letter-spacing:.12em;margin-bottom:.15rem}.charsheet-score-value{font-family:monospace;font-size:1.3rem;font-weight:700}.charsheet-score-rank{font-size:.65rem;color:var(--text-dim)}.charsheet-keywords{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.charsheet-export-row{display:flex;justify-content:center;padding:.75rem 1.5rem;border-top:1px solid rgba(255,255,255,.04)}@media (max-width:768px){.charsheet-body{grid-template-columns:1fr}.charsheet-hero-name{font-size:1.4rem}.charsheet-scores{gap:1.5rem}}.cs-tag-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.cs-tag{display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem .4rem;font-size:.8rem;color:var(--text);border-bottom:1px solid rgba(255,255,255,.06)}@media (max-width:768px){.cs-layout{grid-template-columns:1fr}.cs-col-center{order:-1}.cs-portrait-wrap>div{width:160px!important;height:213px!important}.cs-stats-grid{gap:1rem 1.5rem}}.footer{border-top:1px solid var(--border);padding:1.5rem;text-align:center;font-size:.75rem;color:var(--text-dim);letter-spacing:.1em}@keyframes distortion-pulse{0%,to{opacity:.6}50%{opacity:1}}.distortion-glow{animation:distortion-pulse 3s ease-in-out infinite}.distortion-high{text-shadow:0 0 8px rgba(180,60,60,.4)}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}.nav-auth{margin-left:auto;display:flex;align-items:center;gap:1rem}.nav-mobile-menu{display:none;border-top:1px solid var(--border);background:rgba(12,14,20,.98)}.nav-mobile-link{display:block;padding:.75rem 1.5rem;font-size:.9rem;color:var(--text-dim);border-bottom:1px solid #1a1c24;transition:background .2s,color .2s}.nav-mobile-link.active,.nav-mobile-link:hover{background:var(--bg-hover);color:var(--gold)}@media (max-width:768px){.hero-title{font-size:1.5rem}.turn-number{font-size:2rem}.main{padding:1.5rem 1rem 5rem}.nav-inner{gap:.4rem;padding:0 .75rem}.nav-action-btn.nav-mobile-only{margin-right:3.5rem}.nav-desktop,.nav-hamburger,.nav-mobile-menu{display:none!important}.nav-mobile-only{display:inline-flex!important}.hero-section{padding:2.5rem 1rem 3rem;margin:-1.5rem -1rem 1.5rem}.nav-card{padding-left:4rem;min-height:80px}.nav-card:before{width:36px;height:36px;left:.6rem}.bottom-nav{display:flex!important}.card{padding:1rem}.faction-card{padding:.85rem 1rem}.mobile-menu-panel .bgm-player{margin-left:0}.mobile-menu-panel .bgm-label{display:inline!important}.mobile-menu-panel .bgm-vol-btn{display:flex!important}}@media (max-width:480px){.hero-title{font-size:1.2rem;letter-spacing:.1em}.hero-subtitle{font-size:.8rem}.main{padding:1rem .75rem 5rem}}.bgm-player{position:relative;gap:2px;margin-left:auto}.bgm-player,.bgm-toggle{display:flex;align-items:center}.bgm-toggle{gap:.35rem;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.08);border-radius:3px;background:transparent;color:var(--text-dim);cursor:pointer;font-family:inherit;font-size:.7rem;transition:all .25s;letter-spacing:.05em}.bgm-toggle:hover{border-color:var(--gold-dim);color:var(--gold)}.bgm-icon{display:flex;align-items:center;opacity:.5;transition:opacity .3s}.bgm-icon.playing{opacity:1;color:var(--gold);animation:bgm-pulse 2s ease-in-out infinite}@keyframes bgm-pulse{0%,to{opacity:.8}50%{opacity:1}}.bgm-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.bgm-vol-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.06);border-radius:3px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .25s}.bgm-vol-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.bgm-vol-popup{position:absolute;top:100%;right:0;margin-top:6px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:rgba(12,14,20,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap}.bgm-vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:3px;background:rgba(255,255,255,.1);border-radius:2px;outline:none;cursor:pointer}.bgm-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--gold);border:none;cursor:pointer}.bgm-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--gold);border:none;cursor:pointer}.bgm-vol-value{font-size:.65rem;color:var(--gold-dim);font-family:monospace;min-width:2.5em;text-align:right}@media (max-width:768px){.bgm-player{margin-left:auto;margin-right:.5rem}.bgm-label,.bgm-vol-btn{display:none}.bgm-vol-popup{top:auto;bottom:100%;margin-top:0;margin-bottom:6px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}75%{transform:translateX(-1px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 rgba(212,164,74,0)}50%{box-shadow:0 0 20px rgba(212,164,74,.15)}}@keyframes cardShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}[data-animate]{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}[data-animate].visible{opacity:1;transform:translateY(0)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,rgba(12,14,20,.95),rgba(10,12,18,.98));border-top:1px solid rgba(212,164,74,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.3rem 0 env(safe-area-inset-bottom,.2rem);justify-content:space-around;align-items:stretch}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.4rem .5rem .25rem;background:none;border:none;color:var(--text-dim);text-decoration:none;cursor:pointer;font-family:inherit;transition:color .2s;flex:1 1;min-width:0;position:relative}.bottom-nav-tab.active{color:var(--gold)}.bottom-nav-tab.active:after{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--gold);border-radius:0 0 2px 2px}.bottom-nav-icon{font-size:1.15rem;line-height:1}.bottom-nav-label{font-size:.6rem;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-menu-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.mobile-menu-panel{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--gold-dim);border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom,.5rem);animation:slideUp .25s cubic-bezier(.22,1,.36,1);max-height:70vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.mobile-menu-section{padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04)}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-link{display:block;padding:.6rem 0;color:var(--text);text-decoration:none;font-size:.88rem;transition:color .15s}.mobile-menu-link:active,.mobile-menu-link:hover{color:var(--gold)}.gazette{max-width:800px;margin:0 auto}.gazette-header{text-align:center;padding:2.5rem 1.5rem 2rem;margin-bottom:1.5rem;position:relative;background:linear-gradient(135deg,rgba(26,24,16,.6),rgba(20,22,30,.4));border:1px solid var(--gold-dim);border-radius:3px}.gazette-header:before{top:0;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}.gazette-header:after,.gazette-header:before{content:"";position:absolute;left:2rem;right:2rem;height:1px}.gazette-header:after{bottom:0;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);opacity:.3}.gazette-header-ornament{font-size:.6rem;letter-spacing:1em;color:var(--gold-dim);margin:.3rem 0}.gazette-title{font-size:2rem;color:var(--gold);letter-spacing:.3em;margin:.5rem 0 .4rem;text-shadow:0 2px 20px rgba(212,164,74,.3),0 0 60px rgba(212,164,74,.08);font-weight:400}.gazette-subtitle{font-size:.9rem;color:var(--text-dim);letter-spacing:.15em}.gazette-section{margin-bottom:1.25rem}.gazette-story-title{font-size:1.05rem;color:var(--gold);margin:0 0 .6rem;font-weight:600;line-height:1.6}.gazette-digest{font-size:.9rem;line-height:2;color:var(--text);border-left:3px solid var(--gold-dim);padding-left:1rem}.gazette-read-more{font-size:.78rem;color:var(--gold-dim);letter-spacing:.05em;transition:color .15s}.gazette-read-more:hover{color:var(--gold)}.gazette-causality-list{display:flex;flex-direction:column;gap:.75rem}.gazette-causality-item{display:flex;gap:.75rem;padding:.75rem;background:rgba(12,14,20,.5);border:1px solid rgba(255,255,255,.04);border-left:3px solid var(--gold-dim);border-radius:2px;transition:border-color .2s}.gazette-causality-item:hover{border-left-color:var(--gold)}.gazette-causality-icon{font-size:1.1rem;flex-shrink:0;width:2rem;text-align:center;padding-top:.1rem}.gazette-causality-body{flex:1 1;min-width:0}.gazette-causality-text{font-size:.85rem;line-height:1.8;color:var(--text-dim)}.gazette-causality-desc{font-size:.75rem;color:var(--text-dim);margin-top:.3rem;line-height:1.7;opacity:.8}.gazette-causality-meta{display:flex;gap:.5rem;align-items:center;margin-top:.4rem}.gazette-actor-link{color:var(--gold);border-bottom:1px dotted var(--gold-dim);transition:opacity .15s;font-weight:700}.gazette-actor-link:hover{opacity:.8}.gazette-faction-list{display:flex;flex-direction:column;gap:.75rem}.gazette-faction-item{padding:.75rem 1rem;background:var(--faction-bg,rgba(12,14,20,.5));border:1px solid var(--faction-border,rgba(255,255,255,.04));border-left:3px solid var(--faction-color,var(--gold-dim));border-radius:2px}.gazette-faction-contrib{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.gazette-faction-contrib-item{display:flex;align-items:center;gap:.5rem}.gazette-ranking-table{display:flex;flex-direction:column}.gazette-ranking-header{padding:.5rem .75rem;font-size:.68rem;color:var(--gold-dim);letter-spacing:.1em;border-bottom:1px solid var(--border)}.gazette-ranking-header,.gazette-ranking-row{display:grid;grid-template-columns:3rem 1fr 6rem 5rem 3rem;grid-gap:.5rem;gap:.5rem}.gazette-ranking-row{padding:.6rem .75rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.gazette-ranking-row:hover{background:rgba(212,164,74,.03)}.gazette-ranking-pos{font-size:1rem;color:var(--gold);font-weight:700;text-align:center}.gazette-rank-new{font-size:.65rem;color:#6ee7b7;font-weight:700;letter-spacing:.05em}.gazette-rank-up{font-size:.78rem;color:#4ade80;font-weight:700}.gazette-rank-down{font-size:.78rem;color:#f87171;font-weight:700}.gazette-rank-same{font-size:.78rem;color:var(--text-dim)}.gazette-personal-item{padding:.6rem .75rem;background:rgba(212,164,74,.03);border:1px solid rgba(212,164,74,.08);border-radius:2px}.gazette-nav-section{margin-top:1.5rem}.gazette-nav-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;margin-bottom:1.25rem}.gazette-nav-item{display:block;padding:.6rem .75rem;font-size:.82rem;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;text-align:center;transition:border-color .2s,color .2s}.gazette-nav-action,.gazette-nav-item:hover{border-color:var(--gold-dim);color:var(--gold)}.gazette-nav-action{grid-column:1/-1;background:linear-gradient(180deg,rgba(139,109,46,.15),rgba(106,84,34,.1))}.gazette-pagination{display:flex;justify-content:space-between;align-items:center}.gazette-banner{display:block;text-align:center;padding:.75rem 1.25rem;margin-bottom:1.5rem;background:linear-gradient(135deg,rgba(26,24,16,.5),rgba(20,22,30,.3));border:1px solid var(--gold-dim);border-radius:3px;color:var(--gold);font-size:.9rem;letter-spacing:.08em;transition:border-color .2s,box-shadow .2s;animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) both}.gazette-banner:hover{border-color:var(--gold);box-shadow:0 0 20px rgba(212,164,74,.15)}@keyframes scrollUnroll{0%{max-height:0;opacity:0}to{max-height:5000px;opacity:1}}@keyframes textReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes illustrationReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes goldShimmer{0%{background-position:-200%}to{background-position:200%}}.story-scroll-open{animation:scrollUnroll .6s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.story-paragraph{animation:textReveal .4s ease both}.story-illustration{animation:illustrationReveal .5s ease both}.story-read-complete{height:2px;margin-top:1.5rem;background:linear-gradient(90deg,transparent,var(--gold),transparent);background-size:200% 100%;animation:goldShimmer 2s ease-in-out infinite;opacity:.4}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.portrait-breathe{animation:breathe 3s ease-in-out infinite}.portrait-breathe:hover{transform:scale(1.05);transition:transform .3s ease;animation:none}@keyframes sealCrack{0%{transform:scale(1) rotate(0deg);opacity:1}30%{transform:scale(1.05) rotate(0deg);opacity:1}60%{transform:scale(1.1) rotate(2deg);opacity:.8}to{transform:scale(1.5) rotate(5deg);opacity:0}}@keyframes sealFragmentTL{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(-80px,-60px) rotate(-25deg);opacity:0}}@keyframes sealFragmentTR{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(80px,-40px) rotate(20deg);opacity:0}}@keyframes sealFragmentBL{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(-60px,70px) rotate(-15deg);opacity:0}}@keyframes sealFragmentBR{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(70px,80px) rotate(30deg);opacity:0}}.seal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(8,6,4,.92);cursor:pointer;transition:opacity .5s ease}.seal-overlay.seal-breaking{pointer-events:none}.seal-overlay.seal-done{opacity:0;pointer-events:none}.seal-circle{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#8b2020,#5a1010 60%,#3a0808);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(100,20,20,.4),inset 0 2px 4px rgba(255,200,150,.15),inset 0 -3px 6px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.6);border:3px solid #6a1818;position:relative;transition:transform .15s ease}.seal-circle:hover{transform:scale(1.05)}.seal-text{color:#d4a44a;font-size:1.1rem;letter-spacing:.15em;text-shadow:0 1px 3px rgba(0,0,0,.6);font-weight:600}.seal-hint{position:absolute;bottom:-40px;color:#8a7a60;font-size:.75rem;letter-spacing:.1em;white-space:nowrap}.seal-fragment{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#8b2020,#5a1010);opacity:0}.seal-breaking .seal-circle{animation:sealCrack .6s ease-out forwards}.seal-breaking .seal-fragment:first-child{animation:sealFragmentTL .5s ease-out .15s forwards}.seal-breaking .seal-fragment:nth-child(2){animation:sealFragmentTR .5s ease-out .18s forwards}.seal-breaking .seal-fragment:nth-child(3){animation:sealFragmentBL .5s ease-out .2s forwards}.seal-breaking .seal-fragment:nth-child(4){animation:sealFragmentBR .5s ease-out .22s forwards}@keyframes gaugeCountUp{0%{width:0}}@keyframes deltaPopup{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes gaugeDanger{0%,to{opacity:1}50%{opacity:.6}}.gauge-animated .stat-fill{animation:gaugeCountUp 1s cubic-bezier(.22,1,.36,1) both}.gauge-delta{position:absolute;right:0;top:-20px;font-family:monospace;font-size:.75rem;font-weight:700;color:var(--gold);animation:deltaPopup 1.5s ease-out .8s forwards;pointer-events:none}.gauge-delta-negative{color:var(--red)}.gauge-danger .stat-fill{animation:gaugeCountUp 1s cubic-bezier(.22,1,.36,1) both,gaugeDanger 2s ease-in-out 1s infinite}.causality-diagram{padding:1rem .5rem;overflow-x:auto;margin-bottom:1rem;position:relative}.causality-diagram,.causality-node{display:flex;align-items:center;gap:.25rem}.causality-node{flex-direction:column;flex-shrink:0}.causality-node-circle{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--gold);font-weight:600;overflow:hidden;position:relative}.causality-node-name{font-size:.6rem;color:var(--text-dim);max-width:56px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.causality-arrow{flex-shrink:0;font-size:.85rem;padding:0 .15rem}.causality-arrow-encounter{color:#d4a44a}.causality-arrow-interference{color:#b04040}.causality-arrow-consequence{color:#5090b0}@media (prefers-reduced-motion:reduce){.gauge-animated .stat-fill,.gauge-danger .stat-fill,.gauge-delta,.portrait-breathe,.seal-breaking .seal-circle,.seal-breaking .seal-fragment,.seal-circle,.seal-fragment,.seal-overlay,.story-illustration,.story-paragraph,.story-scroll-open{animation:none!important;transition:none!important}.portrait-breathe:hover{transform:none}.story-scroll-open{max-height:none;opacity:1}.story-paragraph{opacity:1;transform:none}}.title-screen{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;opacity:0;transition:opacity 1.5s ease}.title-screen.title-visible{opacity:1}.title-bg{position:absolute;z-index:0}.pregame-bg,.title-bg{inset:0;background:url(/images/title-bg.png) 50%/cover no-repeat}.pregame-bg{position:fixed;z-index:-2;overflow:hidden}.pregame-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(12,14,20,.4) 0,rgba(12,14,20,.92) 70%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.7))}.title-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(12,14,20,.3) 0,rgba(12,14,20,.85) 70%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.6));z-index:1}.title-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.title-particle{position:absolute;bottom:-10px;display:block;width:2px;height:2px;background:var(--gold);border-radius:50%;box-shadow:0 0 4px rgba(212,164,74,.6);animation:titleParticleFloat linear infinite}@keyframes titleParticleFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(30px);opacity:0}}.title-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 2rem}.title-logo-wrap{animation:titleLogoFadeIn 2s cubic-bezier(.22,1,.36,1) .3s both}.title-logo{max-width:min(500px,80vw);height:auto;filter:drop-shadow(0 0 40px rgba(212,164,74,.3)) drop-shadow(0 0 80px rgba(212,164,74,.1));animation:titleLogoGlow 4s ease-in-out infinite}@keyframes titleLogoFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px);filter:drop-shadow(0 0 0 rgba(212,164,74,0)) brightness(.5)}to{opacity:1;transform:scale(1) translateY(0);filter:drop-shadow(0 0 40px rgba(212,164,74,.3)) brightness(1)}}@keyframes titleLogoGlow{0%,to{filter:drop-shadow(0 0 30px rgba(212,164,74,.2)) drop-shadow(0 0 60px rgba(212,164,74,.08))}50%{filter:drop-shadow(0 0 50px rgba(212,164,74,.35)) drop-shadow(0 0 100px rgba(212,164,74,.15))}}.title-subtitle{margin-top:1.5rem;font-size:.9rem;color:var(--text-dim);letter-spacing:.2em;animation:titleTextFadeIn 1.5s ease 1.2s both}@keyframes titleTextFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title-press-start{margin-top:3rem;background:none;border:none;color:var(--gold);font-family:inherit;font-size:1rem;letter-spacing:.35em;cursor:pointer;padding:.8rem 2rem;animation:titlePressStart 2s ease 2s both,titlePressStartBlink 1.5s ease-in-out 3.5s infinite;transition:text-shadow .3s}.title-press-start:hover{text-shadow:0 0 20px rgba(212,164,74,.6)}@keyframes titlePressStart{0%{opacity:0}to{opacity:1}}@keyframes titlePressStartBlink{0%,to{opacity:1}50%{opacity:.3}}.title-buttons{margin-top:2.5rem;display:flex;gap:1.5rem;animation:titleTextFadeIn .6s ease both}.title-btn{display:inline-block;padding:.8rem 2.5rem;font-family:inherit;font-size:.95rem;letter-spacing:.15em;border-radius:2px;text-decoration:none;transition:all .3s ease;cursor:pointer}.title-btn-primary{background:linear-gradient(180deg,rgba(139,109,46,.3),rgba(106,84,34,.2));border:1px solid var(--gold);color:var(--gold);box-shadow:0 0 20px rgba(212,164,74,.1)}.title-btn-primary:hover{background:linear-gradient(180deg,rgba(139,109,46,.5),rgba(106,84,34,.35));box-shadow:0 0 30px rgba(212,164,74,.25);transform:translateY(-1px)}.title-btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.title-btn-ghost:hover{border-color:var(--gold-dim);color:var(--text);transform:translateY(-1px)}.title-footer{position:absolute;bottom:2.5rem;left:0;right:0;z-index:10;text-align:center;animation:titleTextFadeIn 1.5s ease 2.5s both}.title-footer-text{font-size:.7rem;color:var(--text-dim);letter-spacing:.15em;opacity:.5}@media (max-width:640px){.title-logo{max-width:min(320px,85vw)}.title-subtitle{font-size:.75rem;letter-spacing:.12em}.title-press-start{font-size:.85rem;letter-spacing:.25em}.title-buttons{flex-direction:column;gap:1rem;width:100%;max-width:280px}.title-btn{text-align:center;padding:.75rem 2rem}.title-footer{bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.title-screen{transition:none;opacity:1}.title-buttons,.title-footer,.title-logo,.title-logo-wrap,.title-particle,.title-press-start,.title-subtitle{animation:none!important;opacity:1!important;transform:none!important}}@media (max-width:640px){.gazette-title{font-size:1.5rem;letter-spacing:.2em}.gazette-header{padding:1.5rem 1rem}.gazette-ranking-header,.gazette-ranking-row{grid-template-columns:2.5rem 1fr 4rem 4rem 2.5rem;font-size:.72rem}.gazette-nav-links{grid-template-columns:1fr}.profile-scores-stats{grid-template-columns:1fr!important}.profile-scores-stats>div:first-child{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.06)}.char-hero-name{font-size:1.3rem!important;text-align:center;margin-bottom:1rem!important}.char-hero-top>div{flex-direction:column!important;align-items:center!important;gap:.75rem!important}.char-hero-top>div>div{text-align:center;align-items:center!important}.world-layout{flex-direction:column!important}.world-layout>div:first-child,.world-sidebar{width:100%!important}.world-sidebar .card{padding:.5rem!important}.world-sidebar .card>div:last-child{flex-direction:row!important;flex-wrap:wrap;gap:.3rem!important}}.wmap-wrap{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.wmap-img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wmap-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;font-size:.65rem;color:rgba(212,164,74,.5);letter-spacing:.15em;text-shadow:0 0 8px rgba(0,0,0,.8)}.wmap-spot{position:absolute;text-decoration:none;border-radius:8px;border:1.5px solid transparent;transition:border-color .25s,background .25s,box-shadow .25s;z-index:2;cursor:pointer}.wmap-spot.active,.wmap-spot:hover{border-color:var(--fc,var(--gold));background:rgba(0,0,0,.35);box-shadow:inset 0 0 30px rgba(0,0,0,.4),0 0 24px color-mix(in srgb,var(--fc,var(--gold)) 40%,transparent),0 0 48px color-mix(in srgb,var(--fc,var(--gold)) 15%,transparent);border-width:2px}.wmap-label{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.3rem;white-space:nowrap;pointer-events:none;font-size:.75rem;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,1),0 0 12px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.6);padding:2px 8px;border-radius:4px;background:rgba(0,0,0,.5);transition:all .2s}.wmap-spot.active .wmap-label,.wmap-spot:hover .wmap-label{background:rgba(0,0,0,.7);transform:translateX(-50%) scale(1.08)}.wmap-emblem{width:16px;height:16px;filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}.wmap-tip{position:absolute;left:50%;bottom:105%;transform:translateX(-50%);width:220px;padding:.6rem .75rem;background:rgba(13,15,21,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.5);z-index:10;pointer-events:none;animation:wmapTipIn .15s ease-out}.wmap-spot:nth-child(4) .wmap-tip{bottom:auto;top:105%}@keyframes wmapTipIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:640px){.wmap-label{font-size:.55rem}.wmap-emblem{width:12px;height:12px}.wmap-tip{width:180px;font-size:.68rem}.wmap-center{font-size:.5rem}}.rv-book-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(25,20,12,.92) 0,rgba(6,4,2,.99) 80%);cursor:pointer}.rv-dust-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.rv-dust{position:absolute;bottom:-8px;width:2px;height:2px;background:#d4a44a;border-radius:50%;box-shadow:0 0 6px rgba(212,164,74,.5);animation:titleParticleFloat linear infinite}.rv-book{position:relative;width:260px}.rv-book-img{width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 8px 40px rgba(0,0,0,.6),0 0 60px rgba(212,164,74,.1);animation:rv-book-float 3s ease-in-out infinite}.rv-book-text{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-top:1.25rem;pointer-events:none}.rv-book-title{font-size:1.4rem;color:#d4a44a;font-weight:700;letter-spacing:.2em;text-shadow:0 0 20px rgba(212,164,74,.6),0 2px 8px rgba(0,0,0,.8)}.rv-book-sub{font-size:.8rem;color:#c0a060;letter-spacing:.15em;text-shadow:0 1px 4px rgba(0,0,0,.8)}.rv-book-prompt{margin-top:2rem;color:#d4a44a;font-size:.85rem;letter-spacing:.3em;animation:rv-pulse 1.5s ease-in-out infinite;text-shadow:0 0 10px rgba(212,164,74,.3)}.rv-scroll-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#0a0806}.rv-parchment-bg{position:fixed;inset:0;z-index:0;opacity:.06;pointer-events:none}.rv-parchment-img{width:100%;height:100%;object-fit:cover}.rv-scroll-header{flex-shrink:0;text-align:center;padding:1.5rem 1rem 1rem;position:relative;z-index:1;border-bottom:1px solid rgba(212,164,74,.1)}.rv-scroll-badge{display:inline-block;font-size:.65rem;color:var(--gold-dim);letter-spacing:.2em;padding:3px 12px;border:1px solid rgba(212,164,74,.2);border-radius:3px;margin-bottom:.4rem}.rv-scroll-title{font-size:1.3rem;color:#d4a44a;font-weight:700;letter-spacing:.12em;margin:.3rem 0 .8rem;text-shadow:0 0 20px rgba(212,164,74,.2)}.rv-scroll-progress{width:200px;height:2px;margin:0 auto;background:rgba(255,255,255,.06);border-radius:1px;overflow:hidden}.rv-scroll-progress-fill{height:100%;background:#d4a44a;border-radius:1px;transition:width .4s ease}.rv-scroll-body{flex:1 1;overflow-y:auto;padding:1.5rem 1rem 6rem;position:relative;z-index:1;max-width:640px;margin:0 auto;width:100%;scrollbar-width:thin;scrollbar-color:rgba(212,164,74,.3) transparent;display:flex;flex-direction:column}.rv-entry{display:flex;gap:1rem;margin-bottom:.25rem;animation:rv-entry-in .4s ease-out both}.rv-entry-new{animation:rv-entry-in .5s ease-out}.rv-entry-old{opacity:.45;transition:opacity .4s ease}.rv-entry-old .rv-entry-title{color:var(--text-dim)!important}.rv-entry-num{margin-left:auto;font-size:.6rem;color:var(--text-dim);opacity:.5}.rv-timeline{flex-direction:column;width:32px}.rv-timeline,.rv-timeline-dot{display:flex;align-items:center;flex-shrink:0}.rv-timeline-dot{width:28px;height:28px;border-radius:50%;justify-content:center;font-size:.7rem;color:#0a0806;font-weight:700}.rv-timeline-line{width:1px;flex:1 1;min-height:20px;background:linear-gradient(180deg,rgba(212,164,74,.3),rgba(212,164,74,.05))}.rv-entry-content{flex:1 1;padding-bottom:1.25rem;min-width:0}.rv-entry-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.rv-entry-type{font-size:.7rem;color:var(--text-dim);letter-spacing:.05em}.rv-entry-outcome{font-size:.68rem;font-weight:700}.rv-entry-title{font-size:1rem;font-weight:700;margin:0 0 .4rem;line-height:1.4;transition:color .3s}.rv-entry-desc{font-size:.88rem;line-height:2;color:var(--text);margin:0;min-height:1.5rem}.rv-cursor{color:#d4a44a;animation:rv-blink .5s step-end infinite}.rv-entry-effect{display:inline-block;margin-top:.5rem;padding:4px 12px;border:1px solid;border-radius:4px;font-size:.78rem;font-weight:600;animation:rv-fade-in .3s ease-out}.rv-tap-hint{text-align:center;padding:1rem 0;font-size:.75rem;color:#d4a44a;letter-spacing:.2em;animation:rv-pulse 1.5s ease-in-out infinite;opacity:.5}.rv-complete-bar{flex-shrink:0;text-align:center;padding:1rem;position:relative;z-index:2;border-top:1px solid rgba(212,164,74,.15);background:rgba(10,8,6,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rv-fade-in .4s ease-out}.rv-complete-bar p{font-size:.8rem;color:var(--text-dim);margin:0 0 .75rem}.rv-fx-flash-gold{animation:rv-fx-flash-gold .6s ease-out!important}.rv-fx-shake{animation:rv-fx-shake .5s ease-in-out!important}.rv-fx-shake-light{animation:rv-fx-shake-light .4s ease-in-out!important}.rv-fx-glow-blue{animation:rv-fx-glow-blue .7s ease-out!important}.rv-fx-glow-soft{animation:rv-fx-glow-soft .6s ease-out!important}@keyframes rv-fx-flash-gold{0%{box-shadow:inset 0 0 0 rgba(240,192,96,0)}25%{box-shadow:inset 0 0 200px rgba(240,192,96,.25)}to{box-shadow:inset 0 0 0 rgba(240,192,96,0)}}@keyframes rv-fx-shake{0%,to{transform:translate(0)}10%{transform:translate(-5px,-3px)}20%{transform:translate(5px,2px)}30%{transform:translate(-3px,3px)}40%{transform:translate(3px,-2px)}50%{transform:translate(-2px,1px)}}@keyframes rv-fx-shake-light{0%,to{transform:translate(0)}25%{transform:translate(-2px,-1px)}50%{transform:translate(2px,1px)}75%{transform:translate(-1px,1px)}}@keyframes rv-fx-glow-blue{0%{box-shadow:inset 0 0 0 rgba(96,184,224,0)}30%{box-shadow:inset 0 0 120px rgba(96,184,224,.12)}to{box-shadow:inset 0 0 0 rgba(96,184,224,0)}}@keyframes rv-fx-glow-soft{0%{box-shadow:inset 0 0 0 rgba(212,164,74,0)}30%{box-shadow:inset 0 0 80px rgba(212,164,74,.06)}to{box-shadow:inset 0 0 0 rgba(212,164,74,0)}}@keyframes rv-book-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rv-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes rv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rv-entry-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rv-blink{50%{opacity:0}}@media (max-width:640px){.rv-book{width:200px}.rv-book-title{font-size:1.1rem}.rv-scroll-body{padding:1rem .75rem 5rem}.rv-entry-title{font-size:.92rem}.rv-entry-desc{font-size:.82rem}}.sp-container{background:#0a0806;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(212,164,74,.1);cursor:pointer}.sp-progress{height:2px;background:rgba(255,255,255,.04);overflow:hidden;flex-shrink:0}.sp-progress-fill{height:100%;background:#d4a44a;transition:width .3s ease}.sp-msgwin{height:700px;overflow-y:auto;padding:1.5rem 2rem;scrollbar-width:thin;scrollbar-color:rgba(212,164,74,.15) transparent}.sp-msgwin-start{text-align:center;padding:4rem 1.5rem}.sp-msgwin-item{padding:.4rem 0}.sp-msgwin-item.sp-new{animation:sp-scene-in .2s ease-out}.sp-msgwin-footer{flex-shrink:0;display:flex;align-items:center;padding:.5rem 1.5rem;gap:.5rem;border-top:1px solid rgba(212,164,74,.08)}.sp-msgwin-btns{margin-left:auto;display:flex;gap:.4rem}.sp-skip-btn{font-size:.6rem;color:var(--text-dim);background:none;border:1px solid rgba(255,255,255,.08);border-radius:3px;padding:2px 8px;cursor:pointer;font-family:inherit;letter-spacing:.08em}.sp-skip-btn:hover{color:var(--text);border-color:var(--text-dim)}.sp-cover{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:4px}.sp-cover-img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.sp-cover-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;padding:2rem}.sp-cover-sub{font-size:.78rem;color:#c0a060;letter-spacing:.15em;text-shadow:0 1px 4px rgba(0,0,0,.8)}.sp-cover-title{font-size:1.3rem;letter-spacing:.1em;text-shadow:0 0 20px rgba(212,164,74,.5),0 2px 8px rgba(0,0,0,.8);margin:0}.sp-cover-title,.sp-title{color:#d4a44a;font-weight:700}.sp-title{font-size:1.1rem;letter-spacing:.08em;margin:0 0 .5rem;text-shadow:0 0 12px rgba(212,164,74,.15)}.sp-narration{padding:.3rem 0 .3rem 3.75rem}.sp-narration-text{font-size:.95rem;line-height:2.1;color:var(--text);margin:0;border-left:2px solid rgba(212,164,74,.15);padding-left:.75rem}.sp-illustration{width:100%;max-width:560px;border-radius:6px;margin:.5rem 0;box-shadow:0 4px 20px rgba(0,0,0,.4)}.sp-dialogue{display:flex;gap:.85rem;padding:.5rem 0}.sp-portrait-wrap{flex-shrink:0;width:88px}.sp-portrait{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,164,74,.2)}.sp-portrait-placeholder{display:flex;align-items:center;justify-content:center;background:rgba(212,164,74,.1);color:#d4a44a;font-size:1.1rem;font-weight:700}.sp-speech{flex:1 1;min-width:0}.sp-speaker{font-size:.78rem;font-weight:700;margin-bottom:.15rem;letter-spacing:.05em}.sp-speech-text{font-size:.95rem;line-height:2.1;color:var(--text)}.sp-highlight .sp-speech-text,.sp-highlight-text{color:#F0C060;text-shadow:0 0 8px rgba(240,192,96,.2)}.sp-section{text-align:center;padding:.6rem 0}.sp-section span{display:inline-block;font-size:.78rem;color:#d4a44a;letter-spacing:.15em;padding:3px 14px;border-top:1px solid rgba(212,164,74,.15);border-bottom:1px solid rgba(212,164,74,.15)}.sp-new{animation:sp-scene-in .2s ease-out}.sp-tap-hint{font-size:.68rem;color:#d4a44a;letter-spacing:.2em;opacity:.3;animation:rv-pulse 1.5s ease-in-out infinite}.sp-complete{flex-shrink:0;text-align:center;padding:.6rem 1rem;border-top:1px solid rgba(212,164,74,.08)}.sp-fx-shake{animation:sp-shake .4s ease-in-out!important}.sp-fx-shake-hard{animation:sp-shake-hard .5s ease-in-out!important}.sp-fx-flash{animation:sp-flash-gold .5s ease-out!important}.sp-fx-flash-white{animation:sp-flash-white .4s ease-out!important}.sp-fx-dim{animation:sp-dim .6s ease-out!important}.sp-fx-glow{animation:sp-glow .5s ease-out!important}.sp-fx-glow-warm{animation:sp-glow-warm .6s ease-out!important}.sp-fx-highlight{animation:sp-highlight .5s ease-out!important}.sp-fx-red-pulse{animation:sp-red-pulse .5s ease-out!important}.sp-fx-blush{animation:sp-blush .6s ease-out!important}.sp-fx-chill{animation:sp-chill .5s ease-out!important}.sp-fx-bounce{animation:sp-bounce .4s ease-out!important}@keyframes sp-scene-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,-2px)}40%{transform:translate(3px,1px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-1px)}}@keyframes sp-shake-hard{0%,to{transform:translate(0)}10%{transform:translate(-6px,-4px)}20%{transform:translate(6px,3px)}30%{transform:translate(-5px,4px)}40%{transform:translate(5px,-3px)}50%{transform:translate(-3px,2px)}60%{transform:translate(3px,-1px)}}@keyframes sp-flash-gold{0%{box-shadow:inset 0 0 0 rgba(240,192,96,0)}20%{box-shadow:inset 0 0 150px rgba(240,192,96,.2)}to{box-shadow:inset 0 0 0 rgba(240,192,96,0)}}@keyframes sp-flash-white{0%{box-shadow:inset 0 0 0 rgba(255,255,255,0)}15%{box-shadow:inset 0 0 200px rgba(255,255,255,.25)}to{box-shadow:inset 0 0 0 rgba(255,255,255,0)}}@keyframes sp-dim{0%{filter:brightness(1)}30%{filter:brightness(.65)}to{filter:brightness(1)}}@keyframes sp-glow{0%{box-shadow:inset 0 0 0 rgba(212,164,74,0)}30%{box-shadow:inset 0 0 80px rgba(212,164,74,.08)}to{box-shadow:inset 0 0 0 rgba(212,164,74,0)}}@keyframes sp-glow-warm{0%{box-shadow:inset 0 0 0 rgba(255,180,80,0)}30%{box-shadow:inset 0 0 100px rgba(255,180,80,.08)}to{box-shadow:inset 0 0 0 rgba(255,180,80,0)}}@keyframes sp-highlight{0%{box-shadow:inset 0 0 0 rgba(96,184,224,0)}25%{box-shadow:inset 0 0 100px rgba(96,184,224,.1)}to{box-shadow:inset 0 0 0 rgba(96,184,224,0)}}@keyframes sp-red-pulse{0%{box-shadow:inset 0 0 0 rgba(224,96,96,0)}25%{box-shadow:inset 0 0 120px rgba(224,96,96,.12)}to{box-shadow:inset 0 0 0 rgba(224,96,96,0)}}@keyframes sp-blush{0%{box-shadow:inset 0 0 0 rgba(224,128,144,0)}30%{box-shadow:inset 0 0 80px rgba(224,128,144,.06)}to{box-shadow:inset 0 0 0 rgba(224,128,144,0)}}@keyframes sp-chill{0%{box-shadow:inset 0 0 0 rgba(128,144,160,0);filter:brightness(1)}30%{box-shadow:inset 0 0 100px rgba(128,144,160,.08);filter:brightness(.9)}to{box-shadow:inset 0 0 0 rgba(128,144,160,0);filter:brightness(1)}}@keyframes sp-bounce{0%{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:translateY(2px)}to{transform:translateY(0)}}@media (max-width:640px){.sp-container{border-radius:0}.sp-msgwin{height:500px;padding:1rem}.sp-portrait{width:68px;height:68px}.sp-portrait-wrap{width:68px}.sp-speech-text{font-size:.88rem}.sp-narration-text{font-size:.85rem}}