@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Source+Sans+3:wght@300;400;500&display=swap";
:root{--bg:#faf8f0;--bg-hud:#f5f2e8;--bg-shelf:#fff;--gold:#c5a55a;--gold-dark:#8b7d3c;--gold-light:#dcc882;--gold-faint:#ede5c8;--text:#3d3425;--text-dim:#7a7060;--text-faint:#aea48e;--border:#e5dfd0;--border-light:#f0ebe0;--serif:"Playfair Display",serif;--mono:"DM Mono",monospace;--sans:"Source Sans 3",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}.layout{min-height:100vh;display:flex}.hud{background:var(--bg-hud);border-right:1px solid var(--border);scrollbar-width:none;z-index:10;flex-direction:column;flex-shrink:0;width:240px;padding:40px 24px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.hud::-webkit-scrollbar{display:none}.hud-brand{font-family:var(--serif);color:var(--gold-dark);letter-spacing:2px;margin-bottom:4px;font-size:28px;font-weight:700}.hud-sub{font-family:var(--mono);color:var(--text-faint);letter-spacing:3px;text-transform:uppercase;margin-bottom:36px;font-size:9px}.hud-section{margin-bottom:28px}.hud-label{font-family:var(--mono);color:var(--text-faint);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--border-light);margin-bottom:10px;padding-bottom:6px;font-size:9px}.hud-row{justify-content:space-between;align-items:center;padding:5px 0;display:flex}.hud-key{font-family:var(--mono);color:var(--text-dim);font-size:11px}.hud-val{font-family:var(--mono);color:var(--text);font-size:11px;font-weight:500}.hud-val.gold{color:var(--gold-dark)}.hud-dot{background:var(--gold);border-radius:50%;width:5px;height:5px;margin-right:6px;animation:3s ease-in-out infinite hud-pulse;display:inline-block}@keyframes hud-pulse{0%,to{opacity:1}50%{opacity:.3}}.hud-vault{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;display:flex}.vault-bar-wrap{background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;height:120px;position:relative;overflow:hidden}.vault-fill{background:linear-gradient(to top,var(--gold-faint),var(--gold-light));border-radius:0 0 5px 5px;transition:height 2s;position:absolute;bottom:0;left:0;right:0}.vault-label{font-family:var(--mono);color:var(--text-faint);text-align:center;letter-spacing:1px;font-size:9px}.hud-links{flex-direction:column;gap:6px;margin-top:20px;display:flex}.hud-link{font-family:var(--mono);color:var(--gold-dark);font-size:11px;text-decoration:none}.hud-link:hover{text-decoration:underline}.shelves{flex-direction:column;flex:1;margin-left:240px;display:flex}.shelf{border-bottom:1px solid var(--border);padding:48px}.shelf-label{font-family:var(--mono);color:var(--text-faint);letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;font-size:9px}.shelf-gold-line{background:var(--gold);width:32px;height:2px;margin-bottom:20px}.hero-shelf{flex-direction:column;justify-content:center;min-height:50vh;padding:80px 48px;display:flex}.hero-title{font-family:var(--serif);color:var(--text);max-width:600px;margin-bottom:16px;font-size:48px;font-weight:600;line-height:1.15}.hero-title em{color:var(--gold-dark);font-style:normal}.hero-desc{color:var(--text-dim);max-width:520px;font-size:16px;line-height:1.8}.reel-scroll{scrollbar-width:none;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.reel-scroll::-webkit-scrollbar{display:none}.fragment-card{background:var(--bg-shelf);border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:200px;padding:20px;transition:border-color .2s}.fragment-card:hover{border-color:var(--gold)}.frag-num{font-family:var(--mono);color:var(--gold-dark);margin-bottom:8px;font-size:10px}.frag-preview{background:linear-gradient(90deg,var(--gold-faint),var(--bg),var(--gold-faint));border-radius:4px;width:100%;height:40px;margin-bottom:10px}.frag-text{font-family:var(--mono);color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.frag-time{font-family:var(--mono);color:var(--text-faint);margin-top:8px;font-size:10px}.widget-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.widget-box{background:var(--bg-shelf);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-height:180px;padding:20px;display:flex}.widget-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.widget-name{font-family:var(--mono);color:var(--text-faint);letter-spacing:2px;text-transform:uppercase;font-size:9px}.widget-dot{background:var(--gold);border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite hud-pulse}.widget-body{flex:1;justify-content:center;align-items:center;display:flex}.rarity-col{background:var(--bg);border:1px solid var(--border);border-radius:20px;width:40px;height:100%;position:relative;overflow:hidden}.rarity-fill{border-radius:0 0 19px 19px;position:absolute;bottom:0;left:0;right:0}.rarity-labels{height:100%;font-family:var(--mono);color:var(--text-faint);flex-direction:column;justify-content:space-between;margin-left:14px;font-size:10px;display:flex}.clock-ring{width:120px;height:120px;position:relative}.clock-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.clock-bg{fill:none;stroke:var(--border);stroke-width:6px}.clock-fill{fill:none;stroke:var(--gold);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1.5s}.clock-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-val{font-family:var(--serif);color:var(--gold-dark);font-size:24px;font-weight:600;line-height:1}.clock-unit{font-family:var(--mono);color:var(--text-faint);margin-top:2px;font-size:9px}.matrix-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.matrix-cell{aspect-ratio:1;border:1px solid var(--border);font-family:var(--mono);color:var(--text-faint);border-radius:4px;justify-content:center;align-items:center;font-size:9px;transition:all .3s;display:flex}.matrix-cell.active{background:var(--gold-faint);border-color:var(--gold);color:var(--gold-dark)}.depth-well{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative}.depth-bar{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:24px;height:100%;position:relative;overflow:hidden}.depth-fill{background:linear-gradient(to top,var(--gold),var(--gold-light));border-radius:0 0 11px 11px;transition:height 2s;position:absolute;bottom:0;left:0;right:0}.depth-val{font-family:var(--mono);color:var(--gold-dark);margin-top:8px;font-size:11px;font-weight:500}.last-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;padding:16px}.last-id{font-family:var(--mono);color:var(--gold-dark);margin-bottom:6px;font-size:10px}.last-wave{background:linear-gradient(90deg,var(--gold-faint)20%,var(--bg)50%,var(--gold-faint)80%);border-radius:3px;width:100%;height:32px;margin-bottom:8px}.last-memo{font-family:var(--mono);color:var(--text-dim);font-size:11px;font-style:italic;line-height:1.5}.last-time{font-family:var(--mono);color:var(--text-faint);margin-top:6px;font-size:10px}.plaque{max-width:640px}.plaque-title{font-family:var(--serif);color:var(--text);margin-bottom:16px;font-size:24px;font-weight:600}.plaque-text{color:var(--text-dim);margin-bottom:12px;font-size:15px;line-height:1.9}.criteria-list{flex-direction:column;gap:16px;max-width:640px;display:flex}.criteria-item{align-items:flex-start;gap:16px;display:flex}.criteria-code{font-family:var(--mono);color:var(--gold-dark);background:var(--gold-faint);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:11px}.criteria-desc{color:var(--text-dim);font-size:14px;line-height:1.7}.obs-list{flex-direction:column;gap:20px;max-width:640px;display:flex}.obs-entry{background:var(--bg);border-left:2px solid var(--gold);border-radius:0 6px 6px 0;padding:20px 24px}.obs-text{color:var(--text-dim);font-size:14px;font-style:italic;line-height:1.8}.obs-meta{font-family:var(--mono);color:var(--text-faint);margin-top:10px;font-size:10px}.footer-strip{font-family:var(--mono);color:var(--text-faint);letter-spacing:1px;padding:20px 48px;font-size:10px}@media (max-width:900px){.hud{width:200px;padding:32px 16px}.shelves{margin-left:200px}.widget-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:36px}.shelf{padding:36px 32px}}@media (max-width:640px){.hud{display:none}.shelves{margin-left:0}.widget-grid{grid-template-columns:1fr}.hero-shelf{padding:48px 24px}.shelf{padding:32px 24px}}