:root{--ink:#211c17;--paper:#d8c79f;--paper-light:#efe4c4;--iron:#24282a;--brass:#a98245;--blue:#75b7c8;--red:#682c26;--muted:#746a58}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#111;color:#eee;font-family:Georgia,Times New Roman,serif}body{background:radial-gradient(circle at 50% 0,#293033 0,#121516 50%,#090a0a 100%)}a{color:inherit}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,70px);border-bottom:1px solid #6f5a38;background:#151719e8}.brand{letter-spacing:.18em;text-transform:uppercase;color:#dac08a}.nav{display:flex;gap:18px;align-items:center}.nav a{text-decoration:none;color:#c9c1b0}.container{width:min(1100px,92vw);margin:38px auto}.hero{padding:50px 20px;text-align:center}.eyebrow{color:var(--brass);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.hero h1{font-size:clamp(2.5rem,8vw,5.8rem);margin:.18em 0;font-weight:500;text-shadow:0 3px 20px #000}.hero p{color:#c5bdaa;max-width:600px;margin:auto;line-height:1.7}.panel{background:linear-gradient(145deg,#e8d9b4,#cdbb91);color:var(--ink);border:1px solid #876f45;border-radius:4px;padding:24px;box-shadow:0 18px 50px #0009,inset 0 0 50px #70582b20}.dark-panel{background:#1b1e1f;color:#ece4d2;border:1px solid #645537;border-radius:6px;padding:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.stack{display:grid;grid-gap:16px;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.button,button{border:1px solid #9d7c42;background:#2a2925;color:#f2e7ca;padding:10px 16px;border-radius:3px;font:inherit;cursor:pointer;text-decoration:none}.button:hover,button:hover{background:#3a352b}.danger{border-color:#8a4037;background:#572a26}.subtle{color:var(--muted);font-size:.9rem}.player-input,input,select,textarea{width:100%;padding:11px 12px;border:1px solid #8c7650;background:#f3e8cb;color:#211c17;border-radius:3px;font:inherit}textarea{min-height:100px;resize:vertical}.login{width:min(440px,92vw);margin:10vh auto}.login h1{text-align:center}.seal{width:54px;height:54px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#6d2823;border:4px double #b1785e;box-shadow:0 4px 12px #0008}.card-title{margin:0 0 10px}.badge{display:inline-block;padding:4px 8px;border:1px solid #8f7545;border-radius:99px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.recorder{border:2px solid #856d3e;background:linear-gradient(135deg,#242726,#151818);padding:clamp(16px,4vw,38px);box-shadow:inset 0 0 0 7px #111,inset 0 0 40px #000,0 24px 60px #000a}.crystal{height:6px;background:#5eb3c7;box-shadow:0 0 16px #70d6ee;opacity:.65;margin:16px 0 26px}.fragments{display:grid;grid-gap:12px;gap:12px}.fragment{background:#dbc99d;color:#251e16;border-left:7px solid #987945;padding:16px;box-shadow:2px 4px 10px #0008;position:relative}.fragment h3{margin:0 0 8px;font-size:1rem}.corrupt{font-family:monospace;background:#2a2420;color:#aa9981;padding:7px;margin-top:8px}.admin{font-family:Inter,Segoe UI,sans-serif}.admin .panel{background:#eef0ef;border-color:#8b9696}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;border-bottom:1px solid #aaa;text-align:left}.notice{padding:12px;border-left:4px solid var(--blue);background:#dbe8e7;color:#1d3337}.error{color:#ffc6bd}.empty{border:1px dashed #6c6456;padding:22px;text-align:center;color:#aaa}@media(max-width:620px){.topbar{align-items:flex-start;gap:12px;flex-direction:column}.nav{width:100%;overflow:auto}.container{margin-top:22px}.fragment .row button{flex:1 1}}