:root{--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bg: #08080d;--panel: #101018;--panel-border: #1c1c2c;--text: #d0d0dc;--text-dim: #707080;--text-bright: #f0f0f8;--accent: #4a9eff;--encounter: #ff6b4a;--override: #a855f7;--timetable: #3b8268;--c-sumire: #8b5cf6;--c-elmar: #f59e0b;--c-nocticron: #ec4899;--c-veri: #06b6d4;--c-til: #f97316;--c-mari: #fb7185;--c-danchan: #22c55e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.hero-section{background:url(/images/bg/aletheia.jpg) center / cover no-repeat;position:relative;padding:4rem 2rem 3rem;text-align:center;color:#fff}.hero-section:before{content:"";position:absolute;inset:0;background:#00000073}.hero-section>*{position:relative;z-index:1}.hero-section h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(to right,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-section .subtitle{font-size:clamp(1.1rem,2.5vw,1.6rem);opacity:.95;font-weight:300;line-height:1.6;margin-bottom:1rem}.features-section{background:linear-gradient(180deg,#1a1025 0%,var(--bg) 100%);padding:2rem 2rem 3rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff1a;backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);color:#fff;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp 1s ease-out backwards}.feature-card:nth-child(1){animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.4s}.feature-card:nth-child(3){animation-delay:.6s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000004d}.feature-icon{font-size:2.5rem;margin-bottom:.8rem}.feature-title{font-size:1.3rem;font-weight:600;margin-bottom:.6rem}.feature-desc{opacity:.9;line-height:1.6;font-size:.95rem}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:36px;background:var(--panel);border-bottom:1px solid var(--panel-border);font-family:JetBrains Mono,monospace}.top-bar-left{display:flex;align-items:center;gap:12px}.top-bar-site{font-size:13px;color:var(--text-dim);letter-spacing:1px}.top-bar-right{display:flex;align-items:center;gap:20px}.camera-section{padding:0 0 1rem}.camera-header{display:flex;align-items:center;justify-content:center;padding:0 24px;height:40px;background:var(--panel);border-bottom:1px solid var(--panel-border);border-top:1px solid var(--panel-border);gap:16px}.camera-logo{font-family:JetBrains Mono,monospace;font-weight:600;font-size:20px;color:var(--accent);letter-spacing:3px}.rec-indicator{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--encounter)}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--encounter);animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}.tick-info{font-size:13px;color:var(--text-dim)}.clock{color:var(--text-bright);font-size:16px;font-weight:600}.char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;overflow-y:auto}@media (max-width: 1200px){.char-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.char-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.char-grid{grid-template-columns:repeat(1,1fr)}}.char-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:16px 20px 14px;display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.char-card:hover{border-color:var(--accent);box-shadow:0 0 16px #4a9eff1a}.char-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.char-card[data-char=sumire]:before{background:var(--c-sumire)}.char-card[data-char=elmar]:before{background:var(--c-elmar)}.char-card[data-char=nocticron]:before{background:var(--c-nocticron)}.char-card[data-char=veri]:before{background:var(--c-veri)}.char-card[data-char=til]:before{background:var(--c-til)}.char-card[data-char=mari]:before{background:var(--c-mari)}.char-card[data-char=danchan]:before{background:var(--c-danchan)}.char-card.encounter{border-color:var(--encounter);box-shadow:inset 0 0 30px #ff6b4a0d}.char-card.override{border-color:var(--override);box-shadow:inset 0 0 30px #a855f70d}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.char-name{font-size:clamp(20px,3vw,36px);font-weight:900;color:var(--text-bright);line-height:1.1}.source-tag{font-family:JetBrains Mono,monospace;font-size:13px;padding:2px 10px;border-radius:3px;text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.source-tag.timetable{color:var(--timetable);border:1px solid var(--timetable)}.source-tag.encounter{color:var(--encounter);border:1px solid var(--encounter)}.source-tag.override{color:var(--override);border:1px solid var(--override)}.card-location{font-family:JetBrains Mono,monospace;font-size:clamp(14px,1.8vw,22px);color:var(--accent);margin-bottom:12px}.card-location:before{content:"▸ ";color:var(--text-dim)}.card-activity{font-size:clamp(16px,2.2vw,28px);font-weight:500;line-height:1.4;color:var(--text);flex:1}.card-bottom{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between}.card-mood{font-size:clamp(13px,1.6vw,20px);color:var(--text-dim);display:flex;align-items:center;gap:8px}.mood-dot{width:8px;height:8px;border-radius:50%}.char-card[data-char=sumire] .mood-dot{background:var(--c-sumire)}.char-card[data-char=elmar] .mood-dot{background:var(--c-elmar)}.char-card[data-char=nocticron] .mood-dot{background:var(--c-nocticron)}.char-card[data-char=veri] .mood-dot{background:var(--c-veri)}.char-card[data-char=til] .mood-dot{background:var(--c-til)}.char-card[data-char=mari] .mood-dot{background:var(--c-mari)}.char-card[data-char=danchan] .mood-dot{background:var(--c-danchan)}.companion-badge{font-size:clamp(13px,1.6vw,20px);color:var(--encounter);font-family:JetBrains Mono,monospace}.site-footer{padding:16px 32px;text-align:center;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim);border-top:1px solid var(--panel-border)}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}.camera-section:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.015) 3px,rgba(0,0,0,.015) 6px);pointer-events:none;z-index:10}.camera-section{position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}