.title-screen{background:var(--ink-black);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.title-bg{z-index:0;position:absolute;inset:0}.ink-wash{background:radial-gradient(circle at 50% 50%, #22d3ee0d 0%, #fbbf2408 30%, #0f1115f2 70%, var(--ink-black) 100%);opacity:0;transition:opacity 2s;position:absolute;inset:0}.ink-wash.reveal{opacity:1}.ink-noise{pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.ink-particle{pointer-events:none;filter:blur(1px);background:radial-gradient(circle,#fbbf2499 0%,#22d3ee4d 50%,#0000 100%);border-radius:50%;animation:linear infinite inkDrift;position:absolute}@keyframes inkDrift{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:1}50%{transform:translate(20px,-80px)scale(1.5)}85%{opacity:1}to{opacity:0;transform:translate(-10px,-160px)scale(.5)}}.ink-drip-line{pointer-events:none;background:linear-gradient(#0000 0%,#fbbf2426 40%,#22d3ee1a 100%);width:1px;height:0%;transition:height 3s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:50%}.ink-drip-line.drip{height:100%}.title-content{z-index:1;opacity:0;background:#0a0a0ae6;border:1px solid #333;border-radius:4px;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:540px;padding:40px;animation:1s cubic-bezier(.16,1,.3,1) .5s forwards fadeInUp;display:flex;position:relative;transform:translateY(20px);box-shadow:0 0 30px #000c}.title-block{text-align:center;opacity:0;transition:opacity 1.2s,transform 1.2s;transform:translateY(10px)}.title-block.visible{opacity:1;transform:translateY(0)}.title-main{flex-direction:column;align-items:center;gap:4px;display:flex}.title-kanji{color:#fff;margin-bottom:8px;font-family:Noto Serif,serif;font-size:80px;line-height:1.1;animation:4s ease-in-out infinite breathe}.title-text{letter-spacing:6px;text-transform:uppercase;color:#888;font-family:Courier New,monospace;font-size:14px}.title-text-large{letter-spacing:8px;color:#fff;margin-top:4px;font-size:32px;font-weight:400}.title-subtitle{color:#aaa;letter-spacing:5px;margin-top:12px;font-family:Noto Serif,serif;font-size:13px;font-style:italic}.title-menu{opacity:0;width:100%;max-width:320px;transition:opacity .8s .3s,transform .8s .3s;transform:translateY(15px)}.title-menu.visible{opacity:1;transform:translateY(0)}.menu-main{flex-direction:column;gap:12px;display:flex}.menu-btn{color:#ccc;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:0 0;border:1px solid #333;border-radius:4px;align-items:center;gap:16px;width:100%;padding:16px 24px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.menu-btn:hover{color:#fff;background:#ffffff0d;border-color:#eee}.menu-btn:active{background:#ffffff1a}.menu-btn-char{color:#555;text-align:center;width:24px;font-size:18px;transition:color .2s}.menu-btn:hover .menu-btn-char{color:#fff}.menu-btn-back{color:var(--ink-light);background:0 0;border-color:#0000;justify-content:center;margin-top:20px;font-size:13px}.menu-btn-back:hover{background:#ffffff0d;transform:translate(-8px)}.menu-load{flex-direction:column;gap:12px;display:flex}.menu-section-title{font-family:var(--font-sans);letter-spacing:4px;text-transform:uppercase;color:var(--ink-white);text-align:center;margin-bottom:12px;font-size:16px;font-weight:800}.save-slot{width:100%;color:var(--ink-light);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:6px;padding:16px;font-size:13px;display:flex}.save-slot-active:hover{border-color:var(--accent-cyan);background:#22d3ee0d;transform:translateY(-2px);box-shadow:0 0 15px #22d3ee1a}.save-slot:disabled{cursor:not-allowed;opacity:.3}.save-slot-num{letter-spacing:2px;text-transform:uppercase;color:var(--ink-white);font-size:11px;font-weight:800}.save-slot-info{color:var(--accent-cyan);justify-content:space-between;font-weight:600;display:flex}.save-slot-time{color:var(--ink-light);font-family:var(--font-mono);font-weight:400}.save-slot-empty{color:#fff3;font-style:italic}.menu-settings{flex-direction:column;align-items:center;gap:12px;display:flex}.title-footer{opacity:0;font-family:var(--font-mono);color:#ffffff4d;letter-spacing:1px;text-align:center;font-size:11px;transition:opacity 1s .5s}.title-footer.visible{opacity:1}@media (max-width:768px){.title-content{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;gap:30px;padding:30px 20px}.title-kanji{font-size:64px}.title-text-large{letter-spacing:5px;font-size:24px}.menu-btn{padding:14px 20px;font-size:14px}}@media (max-width:400px){.title-kanji{font-size:48px}.title-text-large{letter-spacing:3px;font-size:18px}.title-text{letter-spacing:4px;font-size:12px}}