html,body{background:#05040a;height:100%;margin:0;overflow:hidden}#app,.story-host{position:fixed;inset:0}.shell-loading{color:#c9b98f;letter-spacing:.2em;background:#05040a;place-items:center;font:16px Songti SC,STSong,Noto Serif CJK SC,serif;display:grid;position:fixed;inset:0}.mode-select{box-sizing:border-box;color:#eadfc8;background:radial-gradient(80% 60% at 50% 115%,#7846a059,#0000 70%),radial-gradient(60% 50% at 50% -10%,#28468c59,#0000 70%),#07060d;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:40px 16px;font-family:Songti SC,STSong,Noto Serif CJK SC,Source Han Serif SC,serif;display:flex;position:fixed;inset:0;overflow:auto}.mode-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 12% 22%,#fff8,#0000),radial-gradient(1px 1px at 72% 18%,#fff6,#0000),radial-gradient(1.5px 1.5px at 38% 64%,#fde6a8aa,#0000),radial-gradient(1px 1px at 86% 72%,#fff5,#0000),radial-gradient(1px 1px at 22% 82%,#c8d8ff88,#0000),radial-gradient(1.5px 1.5px at 58% 40%,#fff7,#0000),radial-gradient(1px 1px at 92% 38%,#fde6a888,#0000),radial-gradient(1px 1px at 6%,#fff5,#0000);animation:6s ease-in-out infinite alternate mode-twinkle;position:absolute;inset:0}@keyframes mode-twinkle{0%{opacity:.55}to{opacity:1}}.mode-head{text-align:center;max-width:640px;position:relative}.mode-mark{color:#f3d58a;border:1px solid #f3d58a66;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:34px;display:grid;box-shadow:0 0 40px #f3d58a33,inset 0 0 20px #f3d58a22}.mode-head h1{letter-spacing:.18em;text-shadow:0 2px 24px #f3d58a40;margin:0 0 10px;font-size:40px;font-weight:600}.mode-head p{color:#b3a78f;margin:0;line-height:1.8}.mode-cards{grid-template-columns:repeat(2,minmax(0,340px));gap:28px;display:grid;position:relative}@media (max-width:760px){.mode-cards{grid-template-columns:minmax(0,1fr);width:100%;max-width:420px}}.mode-card{all:unset;box-sizing:border-box;cursor:pointer;color:#eadfc8;border-radius:6px;flex-direction:column;gap:10px;min-height:250px;padding:26px 26px 24px;font-family:inherit;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.mode-card:focus-visible{outline-offset:4px;outline:2px solid #f3d58a}.mode-card.story{background:linear-gradient(160deg,#1d1210,#0e0908 70%);border:1px solid #5a2d24;box-shadow:0 10px 40px #78140a40}.mode-card.story:hover{border-color:#a5432f;transform:translateY(-4px);box-shadow:0 16px 50px #a0281459}.mode-card.crpg{background:linear-gradient(160deg,#283660e6,#101222f5 70%),#101222;border:1px solid #8a7340;box-shadow:0 10px 40px #283c8c4d,inset 0 0 0 3px #f3d58a14}.mode-card.crpg:hover{border-color:#f3d58a;transform:translateY(-4px);box-shadow:0 16px 54px #4664c866,inset 0 0 0 3px #f3d58a29}.mode-tag{letter-spacing:.2em;opacity:.85;border:1px solid;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px}.mode-card.story .mode-tag{color:#e07a62}.mode-card.crpg .mode-tag{color:#f3d58a}.mode-card strong{letter-spacing:.12em;margin-top:6px;font-size:26px;font-weight:600}.mode-genres{color:#c9b98f;letter-spacing:.1em;font-size:14px}.mode-desc{color:#b3a78f;font-size:14px;line-height:1.8}.mode-note{color:#8f9bc4;margin-top:auto;font-size:12px}