.classic-page{--classic-accent:#e4a85d;--classic-soft:#ffd9a4;color:#f3efe8;background:radial-gradient(circle at 78% 8%,#9c5b2c2e,#0000 31%),linear-gradient(#090909,#10100f 62%,#080808);min-height:100vh;padding:0 30px 32px;position:relative;overflow:hidden}.classic-page.is-cool{--classic-accent:#7ca6df;--classic-soft:#b9d4f4;background:radial-gradient(circle at 78% 8%,#3a5c8f33,#0000 31%),linear-gradient(#080a0d,#0d1116 62%,#07090b)}.classic-page>:not(.classic-ambient){z-index:1;position:relative}.classic-page>.classic-header{z-index:1200}.classic-ambient{pointer-events:none;position:absolute;inset:0}.classic-ambient:before{content:"";background-image:linear-gradient(#ffe0b406 1px,#0000 1px),linear-gradient(90deg,#ffe0b406 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}.classic-ambient i{border:1px solid color-mix(in srgb,var(--classic-accent) 18%,transparent);border-radius:50%;position:absolute}.classic-ambient i:first-child{width:720px;height:170px;top:120px;right:-220px;transform:rotate(-13deg)}.classic-ambient i:nth-child(2){width:900px;height:210px;top:560px;left:-380px;transform:rotate(10deg)}.classic-ambient i:nth-child(3){width:420px;height:100px;bottom:3%;right:20%}.classic-header,.classic-hero,.classic-console,.classic-story,.classic-footer{width:min(1380px,100%);margin-inline:auto}.classic-hero{grid-template-columns:minmax(0,1fr) 500px;align-items:center;gap:70px;min-height:590px;padding:76px 54px 64px;display:grid}.classic-copy>span{color:var(--classic-accent);font:700 12px var(--font-geist-mono),monospace;letter-spacing:.18em}.classic-copy h1{color:#f4f0e9;letter-spacing:-.065em;margin:20px 0;font-size:clamp(50px,5.8vw,82px);line-height:.98}.classic-copy h1 em{color:var(--classic-soft);font-style:normal}.classic-copy p{color:#918c84;word-break:keep-all;max-width:690px;margin:0;font-size:14px;line-height:1.85}.classic-hero-actions{gap:9px;margin-top:30px;display:flex}.classic-hero-actions button{color:#f7f1e8;min-height:45px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-weight:720;display:inline-flex}.classic-hero-actions button svg{width:18px;height:18px}.classic-primary{border-color:color-mix(in srgb,var(--classic-accent) 44%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--classic-accent) 82%,#34210d),color-mix(in srgb,var(--classic-accent) 48%,#18130c))!important}.classic-display{perspective:900px;place-items:center;min-height:390px;display:grid;position:relative}.classic-screen{aspect-ratio:4/3;border:1px solid color-mix(in srgb,var(--classic-accent) 36%,transparent);background:#11110f;border-radius:26px;width:min(460px,100%);padding:18px;transition:transform .28s,box-shadow .28s;transform:rotateY(-5deg);box-shadow:0 44px 75px #0000007a,inset 0 0 0 8px #1a1916}.classic-display.playing .classic-screen{box-shadow:0 52px 90px #0000008c,0 0 50px color-mix(in srgb,var(--classic-accent) 16%,transparent),inset 0 0 0 8px #1a1916;transform:rotateY(0)translateY(-5px)}.classic-screen-bar{color:#706b62;height:26px;font:700 12px var(--font-geist-mono),monospace;letter-spacing:.15em;justify-content:space-between;align-items:center;padding-inline:8px;display:flex}.classic-screen-art{height:calc(100% - 48px);color:var(--classic-soft);background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--classic-accent) 20%,transparent),transparent 38%),linear-gradient(160deg,#11110f,#050505);border-radius:13px;align-content:center;place-items:center;gap:8px;display:grid;position:relative;overflow:hidden}.classic-screen-art:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#ffffff07 4px);position:absolute;inset:0}.classic-screen-art i{border:1px solid var(--classic-accent);width:72px;height:72px;box-shadow:0 0 30px color-mix(in srgb,var(--classic-accent) 24%,transparent);border-radius:50%}.classic-screen-art strong{font:700 clamp(30px,4vw,48px) var(--font-geist-mono),monospace;letter-spacing:-.06em}.classic-screen-art small{color:#827a70;font-size:var(--font-size-meta);letter-spacing:.08em}.classic-progress{background:#292722;border-radius:10px;height:4px;margin:9px 8px 0;overflow:hidden}.classic-progress span{border-radius:inherit;background:var(--classic-accent);height:100%;transition:width .9s;display:block}.classic-display-shadow{background:color-mix(in srgb,var(--classic-accent) 18%,transparent);filter:blur(20px);z-index:-1;border-radius:50%;width:70%;height:35px;position:absolute;bottom:18px}.classic-console{background:#0e0e0ddb;border:1px solid #ffffff13;border-radius:20px;padding:25px}.classic-console>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.classic-console>header>div{align-items:center;gap:10px;display:flex}.classic-console>header span{width:29px;height:29px;color:var(--classic-accent);background:color-mix(in srgb,var(--classic-accent) 11%,transparent);font:700 12px var(--font-geist-mono),monospace;border-radius:8px;place-items:center;display:grid}.classic-console header p{gap:3px;margin:0;display:grid}.classic-console header strong{font-size:13px}.classic-console header small,.classic-console header em{color:#777169;font-size:var(--font-size-meta);font-style:normal}.classic-experience-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.classic-experience-grid button{color:#918b82;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;gap:5px 12px;min-height:128px;padding:17px;display:grid}.classic-experience-grid button>span{width:42px;height:42px;color:var(--classic-accent);background:color-mix(in srgb,var(--classic-accent) 10%,transparent);border-radius:10px;grid-row:1/3;place-items:center;display:grid}.classic-experience-grid button svg{width:22px;height:22px}.classic-experience-grid button strong{color:#e6e0d7;font-size:var(--font-size-meta)}.classic-experience-grid button small{font-size:var(--font-size-meta)}.classic-experience-grid button.selected{border-color:color-mix(in srgb,var(--classic-accent) 40%,transparent);background:color-mix(in srgb,var(--classic-accent) 8%,transparent);box-shadow:inset 3px 0 0 var(--classic-accent)}.classic-story{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.classic-story>div{background:#0d0d0cc7;border:1px solid #ffffff12;border-radius:15px;grid-template-columns:28px 24px 1fr;align-items:center;gap:10px;padding:24px;display:grid}.classic-story span{color:var(--classic-accent);font:700 12px var(--font-geist-mono),monospace}.classic-story svg{width:21px;height:21px;color:var(--classic-accent)}.classic-story strong{font-size:var(--font-size-meta)}.classic-story p{color:#7b766f;font-size:var(--font-size-meta);grid-column:3;margin:0;line-height:1.6}.classic-footer{margin-top:28px}.classic-page button:focus-visible{outline:2px solid var(--classic-accent);outline-offset:3px}@media (width<=900px){.classic-hero{grid-template-columns:1fr 390px;gap:28px;padding-inline:10px}}@media (width<=720px){.classic-page{padding-inline:16px}.classic-hero{grid-template-columns:1fr;min-height:0;padding:52px 0 42px}.classic-display{min-height:340px}.classic-experience-grid,.classic-story{grid-template-columns:1fr}.classic-copy h1{font-size:48px}}@media (width<=480px){.classic-copy h1{font-size:42px}.classic-hero-actions{flex-direction:column;align-items:stretch}.classic-console{padding:17px}.classic-console>header{align-items:flex-start;gap:14px}.classic-experience-grid button{min-height:104px}}.classic-era,.classic-memory-studio{width:min(1380px,100%);margin-inline:auto}.classic-era{background:#0e0e0dd1;border:1px solid #ffffff13;border-radius:18px;grid-template-columns:230px 1fr;align-items:center;gap:20px;margin-top:18px;padding:20px 24px;display:grid}.classic-era>header{align-items:center;gap:11px;display:flex}.classic-era>header>span,.classic-memory-heading>span{width:29px;height:29px;color:var(--classic-accent);background:color-mix(in srgb, var(--classic-accent) 11%, transparent);font:700 12px var(--font-geist-mono), monospace;border-radius:8px;flex:none;place-items:center;display:grid}.classic-era header div,.classic-memory-heading div{gap:3px;display:grid}.classic-era header strong,.classic-memory-heading strong{font-size:13px}.classic-era header small,.classic-memory-heading small{color:#777169;font-size:var(--font-size-meta)}.classic-era-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.classic-era-options button{color:#7f7971;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:66px;padding:12px 14px;display:flex}.classic-era-options button strong{color:#e7e0d6;font:700 16px var(--font-geist-mono), monospace}.classic-era-options button span{font-size:var(--font-size-meta)}.classic-era-options button.selected{border-color:color-mix(in srgb, var(--classic-accent) 44%, transparent);color:var(--classic-soft);background:color-mix(in srgb, var(--classic-accent) 9%, transparent)}.classic-memory-studio{background:#0e0e0ddb;border:1px solid #ffffff13;border-radius:20px;margin-top:18px;padding:25px}.classic-memory-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.classic-memory-heading em{color:#777169;font:700 12px var(--font-geist-mono), monospace;letter-spacing:.08em;margin-left:auto;font-style:normal}.classic-memory-layout{grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:14px;display:grid}.classic-memory-form{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:1fr 110px;gap:12px;padding:18px;display:grid}.classic-memory-form label{gap:7px;display:grid}.classic-memory-form label>span{color:#a19a90;font-size:var(--font-size-meta);font-weight:700}.classic-memory-form input,.classic-memory-form textarea{color:#eee8de;width:100%;font:inherit;font-size:var(--font-size-meta);background:#090908;border:1px solid #ffffff17;border-radius:9px;outline:none}.classic-memory-form input{height:42px;padding:0 12px}.classic-memory-form textarea{resize:vertical;min-height:82px;padding:11px 12px}.classic-memory-form input:focus,.classic-memory-form textarea:focus{border-color:color-mix(in srgb, var(--classic-accent) 62%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--classic-accent) 10%, transparent)}.classic-memory-note{grid-column:1/-1}.classic-memory-form>button{border:1px solid color-mix(in srgb, var(--classic-accent) 44%, transparent);color:#fff6e9;background:color-mix(in srgb, var(--classic-accent) 54%, #1c140a);min-height:42px;font-size:var(--font-size-meta);cursor:pointer;border-radius:9px;font-weight:750}.classic-memory-form>button:disabled{opacity:.42;cursor:not-allowed}.classic-memory-status{color:#777169;font-size:var(--font-size-meta);align-self:center;margin:0;line-height:1.45}.classic-memory-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;min-height:218px;display:grid}.classic-memory-empty{text-align:center;border:1px dashed #ffffff1a;border-radius:14px;grid-column:1/-1;align-content:center;place-items:center;gap:8px;min-height:218px;display:grid}.classic-memory-empty svg{width:25px;height:25px;color:var(--classic-accent)}.classic-memory-empty strong{font-size:var(--font-size-meta)}.classic-memory-empty p{color:#777169;max-width:360px;font-size:var(--font-size-meta);margin:0;line-height:1.55}.classic-memory-card{background:linear-gradient(145deg, color-mix(in srgb, var(--classic-accent) 6%, #11110f), #0b0b0a);border:1px solid #ffffff13;border-radius:13px;align-content:start;gap:7px;min-height:104px;padding:15px;display:grid;position:relative}.classic-memory-card>div{align-items:center;gap:8px;display:flex}.classic-memory-card>div span{color:var(--classic-accent);font:700 12px var(--font-geist-mono), monospace}.classic-memory-card>div small{color:#6f6961;font-size:var(--font-size-meta)}.classic-memory-card>strong{color:#e8e1d7;font-size:var(--font-size-meta);padding-right:42px}.classic-memory-card>p{color:#817a71;font-size:var(--font-size-meta);margin:0;line-height:1.5}.classic-memory-card>button{color:#766f67;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:0;position:absolute;top:12px;right:12px}.classic-memory-card>button:hover{color:#f09c8d}@media (width<=900px){.classic-era,.classic-memory-layout{grid-template-columns:1fr}}@media (width<=720px){.classic-era-options,.classic-memory-list{grid-template-columns:1fr}}@media (width<=480px){.classic-memory-studio{padding:17px}.classic-memory-form{grid-template-columns:1fr}.classic-memory-form label,.classic-memory-note{grid-column:1}.classic-memory-heading{align-items:flex-start}.classic-memory-heading em{white-space:nowrap}}