.story-page{background:var(--color-bg)}.story-section-title{margin:0;color:var(--color-text-strong);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;line-height:1.15;letter-spacing:-.04em;word-break:keep-all}.story-section-desc{margin:12px 0 0;color:var(--color-text-muted);font-size:.96rem;line-height:1.75;word-break:keep-all}.story-section-head{margin-bottom:24px}.story-section-head--split{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.story-section-head-main{min-width:0}.story-section-link{display:inline-flex;align-items:center;color:var(--color-primary-text);font-size:14px;font-weight:800;line-height:1;white-space:nowrap;transition:color var(--transition-base),gap var(--transition-base);gap:4px}.story-section-link:hover,.story-section-link:focus-visible{color:var(--color-primary-dark);gap:6px}.site-story-hero-section{margin-bottom:44px}.story-hero-visual{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-primary-border);background:linear-gradient(180deg,#fcfbff,#f3ecff);box-shadow:var(--shadow-sm)}.story-hero-image{display:block;width:100%;height:auto;aspect-ratio:16 / 6;object-fit:cover}.story-hero-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:480px;z-index:2}.story-hero-title{margin:0;color:#1d1733;font-size:clamp(2rem,3.4vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-.05em;word-break:keep-all}.story-hero-desc{margin:16px 0 0;color:#5d5870;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.8;word-break:keep-all}.site-story-character-section{margin-bottom:44px}.story-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-character-card{display:flex;flex-direction:column;min-width:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.story-character-card:hover{transform:translateY(-3px);border-color:var(--color-primary-border);box-shadow:var(--shadow-sm)}.story-character-media{display:flex;align-items:center;justify-content:center}.story-character-media img{display:block;aspect-ratio:1 / 1;object-fit:cover;width:50%;max-width:360px;min-width:200px}.story-character-body{padding:22px 22px 0}.story-character-label{margin:0 0 10px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-text)}.story-character-name{margin:0;color:var(--color-text-strong);font-size:1.4rem;font-weight:900;line-height:1.2;letter-spacing:-.03em}.story-character-desc{margin:14px 0 0;color:var(--color-text-muted);font-size:.94rem;line-height:1.78;word-break:keep-all}.story-character-actions{margin-top:auto;padding:22px}.site-story-link-section{margin-bottom:44px}.story-link-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.55fr);gap:28px;align-items:start}.story-link-copy{min-width:0}.story-channel-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.story-channel-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:20px 16px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);text-align:center;text-decoration:none;color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.story-channel-item:hover,.story-channel-item:focus-visible{transform:translateY(-3px);border-color:var(--color-primary-border);box-shadow:var(--shadow-sm);outline:none}.story-channel-icon{width:52px;height:52px;margin-bottom:12px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--color-primary-soft);border:1px solid var(--color-primary-border);color:var(--color-primary-text);transition:background-color var(--transition-base),color var(--transition-base)}.story-channel-icon svg{display:block;width:24px;height:24px}.story-channel-item:hover .story-channel-icon,.story-channel-item:focus-visible .story-channel-icon{background:var(--color-surface);color:var(--color-primary-dark)}.story-channel-name{color:var(--color-text-strong);font-size:13px;font-weight:800;line-height:1.35;word-break:keep-all}.story-channel-desc{margin-top:6px;color:var(--color-text-muted);font-size:12px;font-weight:600;line-height:1.45;word-break:keep-all}.site-story-game-section{margin-bottom:44px}.story-game-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:28px;align-items:start}.story-game-copy{min-width:0}.story-game-card{min-width:0;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fcfbff,#f7f2ff);border:1px solid var(--color-primary-border);box-shadow:var(--shadow-xs)}.story-game-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 12px;border-radius:var(--radius-pill);background:#af7de724;color:var(--color-primary-text);font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1}.story-game-content{display:grid;grid-template-columns:minmax(0,1.45fr) 180px;gap:24px;align-items:center;margin-top:16px}.story-game-text{min-width:0}.story-game-card-title{margin:0;color:var(--color-text-strong);font-size:1.15rem;font-weight:900;line-height:1.35;letter-spacing:-.02em;word-break:keep-all}.story-game-card-desc{margin:12px 0 0;color:var(--color-text-muted);font-size:.9rem;line-height:1.78;word-break:keep-all}.story-game-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;list-style:none;padding:0}.story-game-tags li{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.story-game-text .btn{margin-top:18px}.story-game-note{margin:10px 0 0;color:var(--color-text-muted);font-size:12px;line-height:1.7}.story-game-media{min-width:0}.story-game-media img{display:block;width:100%;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-xs)}@media (max-width: 1024px){.site-story-hero-section,.site-story-character-section,.site-story-link-section,.site-story-game-section{margin-bottom:36px}.story-link-layout,.story-game-layout{grid-template-columns:1fr;gap:20px}.story-game-content{grid-template-columns:minmax(0,1fr) 160px;gap:20px}}@media (max-width: 767.98px){.site-story-hero-section,.site-story-character-section,.site-story-link-section,.site-story-game-section{margin-bottom:28px}.story-section-head{margin-bottom:18px}.story-section-head--split{flex-direction:column;align-items:flex-start;gap:10px}.story-section-title{font-size:clamp(1.55rem,6vw,1.9rem)}.story-section-desc{margin-top:10px;font-size:.9rem}.story-hero-visual{border-radius:var(--radius-md)}.story-hero-image{aspect-ratio:16 / 9}.story-hero-copy{left:6%;right:6%;top:50%;max-width:none;transform:translateY(-50%)}.story-hero-title{font-size:1.5rem}.story-hero-desc{margin-top:10px;font-size:.88rem;line-height:1.68}.story-character-grid{grid-template-columns:1fr;gap:14px}.story-character-card{border-radius:var(--radius-md)}.story-character-body{padding:18px 18px 0}.story-character-actions{padding:16px 18px 18px}.story-character-name{font-size:1.2rem}.story-character-desc{font-size:.9rem}.story-channel-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-channel-item{min-height:96px;padding:14px 10px;border-radius:var(--radius-sm)}.story-channel-icon{width:44px;height:44px;margin-bottom:10px;border-radius:14px}.story-channel-icon svg{width:20px;height:20px}.story-channel-name{font-size:12px}.story-channel-desc{font-size:11px}.story-game-card{padding:18px;border-radius:var(--radius-md)}.story-game-content{grid-template-columns:1fr;gap:16px}.story-game-card-title{font-size:1.05rem}.story-game-card-desc{font-size:.9rem}.story-game-note{font-size:11px}}@media (max-width: 399.98px){.story-hero-title{font-size:1.55rem}.story-channel-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
