.mech-tandt{color:#f4ecd6;grid-template-rows:auto minmax(0,1fr) auto;gap:.6rem;padding:.9rem 1.25rem .8rem;display:grid;position:absolute;inset:0;overflow:hidden}.mech-tandt .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.mech-tandt-bg{z-index:-1;filter:blur(9px)brightness(.36)saturate(.9);background:url(/house/plates/today-and-tomorrow/library-1440.webp) 40% 40%/cover;position:absolute;inset:-24px}.mech-tandt-head{text-align:center;max-width:62rem;margin:0 auto}.mech-tandt-head h2{font-family:var(--font-title);letter-spacing:.04em;color:#f6e7bd;text-shadow:0 1px 6px #000;margin:0;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.2rem);font-weight:400}.mech-tandt-head p{max-width:50rem;font-family:var(--font-body);text-shadow:0 1px 3px #000;margin:.2rem auto 0;font-size:clamp(.92rem,.86rem + .25vw,1.05rem);line-height:1.45}.mech-tandt-head .caveat{color:#f4ecd6bf;font-size:.88rem;font-style:italic}.mech-tandt-body{grid-template-columns:minmax(0,1fr) minmax(15rem,21rem);gap:1.1rem;width:100%;max-width:84rem;min-height:0;margin:0 auto;display:grid}.mech-tandt .case{scrollbar-color:#8a6a3a #2a1a0c;background:repeating-linear-gradient(90deg,#0000001f 0 1px,#0000 1px 7px),linear-gradient(#3b2716,#2c1d10);border-radius:4px;min-height:0;padding:.6rem 1rem 1rem;overflow-y:auto;box-shadow:inset 0 0 0 2px #8a6a3a,inset 0 0 0 5px #2a1a0c,inset 0 0 0 6px #c9a22799,0 14px 30px #0009}.mech-tandt .shelf{margin-bottom:.4rem;padding:1.9rem .2rem 0;position:relative}.mech-tandt .shelf h3{font-family:var(--font-uncial);letter-spacing:.08em;color:#e8c77a;margin:0;font-size:.82rem;font-weight:400;position:absolute;top:.15rem;left:.2rem}.mech-tandt .shelf .row{border-bottom:.7rem solid #6b4b26;flex-wrap:wrap;align-items:flex-end;gap:.12rem;min-height:10.6rem;padding:0 .3rem;display:flex;box-shadow:0 6px 8px -4px #000c}.mech-tandt .spine{width:var(--w,2.7rem);height:var(--h,9.8rem);color:#f4dfa0;cursor:pointer;rotate:var(--tilt,0deg);transform-origin:bottom;filter:saturate(.72)brightness(.92);transition:translate .4s var(--ease-slow), filter .4s;background:50%/100% 100% no-repeat;border:0;border-radius:2px;flex-direction:row-reverse;flex:none;justify-content:center;align-items:stretch;gap:.05rem;padding:.9rem 0 .8rem;display:flex;position:relative;overflow:hidden;box-shadow:1px 0 2px #0000008c}.mech-tandt .spine.cloth-red{background-image:url(/house/sprites/today-and-tomorrow/spine-red.webp)}.mech-tandt .spine.cloth-blue{background-image:url(/house/sprites/today-and-tomorrow/spine-blue.webp)}.mech-tandt .spine.cloth-green{background-image:url(/house/sprites/today-and-tomorrow/spine-green.webp)}.mech-tandt .spine.cloth-ochre{color:#2a1a0c;background-image:url(/house/sprites/today-and-tomorrow/spine-ochre.webp)}.mech-tandt .spine span{writing-mode:vertical-rl;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px #0009;max-height:100%;overflow:hidden}.mech-tandt .spine.cloth-ochre span{text-shadow:none}.mech-tandt .spine .name{font-family:var(--font-title);font-size:.92rem;line-height:1.1}.mech-tandt .spine .sub{font-family:var(--font-body);opacity:.9;font-size:.6rem;font-style:italic;line-height:1}.mech-tandt .spine .by{font-family:var(--font-body);font-variant:small-caps;opacity:.9;font-size:.6rem;line-height:1}.mech-tandt .spine:hover,.mech-tandt .spine:focus-visible,.mech-tandt .spine.is-selected{filter:saturate(.9)brightness(1.08);outline:none;translate:0 -.5rem}.mech-tandt .spine:focus-visible{box-shadow:0 0 0 2px #f2dfa2,0 0 14px #f2dfa299}.mech-tandt .spine.is-ghost{color:#f4dfa0bf;filter:none;box-shadow:none;background:0 0;border:1px dashed #f2dfa280}.mech-tandt .spine.is-new{filter:saturate(.9)brightness(1.02);box-shadow:0 0 10px #f2c94c73}.mech-tandt .shelf.is-new .row{border-bottom-color:#8a6a3a}.mech-tandt .shelf .empty{font-family:var(--font-body);color:#f4ecd6b3;align-self:center;margin:0 0 0 .5rem;font-style:italic}.mech-tandt .card{color:#2a1d12;min-height:0;font-family:var(--font-body);background:radial-gradient(at 30% 20%,#f7eed4,#efe3c2 60%,#e4d3a8);border-radius:3px;padding:1.1rem 1.2rem;overflow-y:auto;box-shadow:inset 0 0 0 1px #c9a227b3,inset 0 0 0 5px #efe3c2,inset 0 0 0 6px #c9a22780,0 14px 30px #0009}.mech-tandt .card .kicker{font-family:var(--font-uncial);color:#7a2e2e;margin:0;font-size:.85rem}.mech-tandt .card h3{font-family:var(--font-title);margin:.3rem 0 0;font-size:1.7rem;font-weight:400;line-height:1.1}.mech-tandt .card .subtitle{margin:.2rem 0 0;font-size:1.08rem;font-style:italic}.mech-tandt .card .author{font-variant:small-caps;margin:.6rem 0 0;font-size:1.05rem}.mech-tandt .card .note,.mech-tandt .card .bound{color:#4a3a28;margin:.7rem 0 0;font-size:.9rem;line-height:1.4}.mech-tandt .card .bound{color:#7a2e2e;border-bottom:1px solid #7a2e2e4d;margin:0 0 .7rem;padding-bottom:.6rem;font-style:italic}.mech-tandt .card .text{margin-top:.8rem;font-size:1rem;line-height:1.5}.mech-tandt .card .text p{margin:0 0 .6rem}.mech-tandt button{font:inherit}.mech-tandt .card button{color:#2a1d12;cursor:pointer;text-align:left;background:#fffaebb3;border:1px solid #7a2e2e99;border-radius:999px;margin-top:.8rem;padding:.35rem .9rem}.mech-tandt .card button:hover,.mech-tandt .card button:focus-visible{background:#c9a2274d;outline:none}.mech-tandt-foot{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.mech-tandt-foot button,.mech-tandt .desk-actions button,.mech-tandt .desk .draw{color:#f4ecd6;cursor:pointer;background:#14161c9e;border:1px solid #c9a227bf;border-radius:999px;padding:.45rem 1.1rem}.mech-tandt-foot .write{border-color:#f2dfa2;box-shadow:0 0 18px #f2dfa240}.mech-tandt-foot button:hover,.mech-tandt-foot button:focus-visible,.mech-tandt .desk-actions button:hover,.mech-tandt .desk-actions button:focus-visible,.mech-tandt .desk .draw:hover,.mech-tandt .desk .draw:focus-visible{background:#c9a22747;border-color:#f2dfa2;outline:none;box-shadow:0 0 0 3px #f2dfa266}.mech-tandt .desk{background:#0c0a088c;justify-content:center;align-items:flex-start;padding:1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.mech-tandt .desk[hidden]{display:none}.mech-tandt .desk-page{color:#221a12;text-align:center;width:min(34rem,100%);font-family:var(--font-body);animation:tandt-page-in .8s var(--ease-slow) both;background:radial-gradient(at 40% 25%,#fbf6e8,#f3ead2 70%,#e9dcba);margin:auto 0;padding:1.6rem 2rem 1.3rem;box-shadow:0 0 0 1px #7a5a2866,0 20px 50px #000000b3}@keyframes tandt-page-in{0%{opacity:0;translate:0 16px}}.mech-tandt .desk .series{letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem;font-size:.82rem}.mech-tandt .desk input,.mech-tandt .desk textarea{width:100%;font:inherit;color:#221a12;text-align:center;background:0 0;border:0;border-bottom:1px dashed #221a1273;padding:.2rem 0}.mech-tandt .desk input:focus,.mech-tandt .desk textarea:focus{background:#ffffff59;border-bottom-color:#7a2e2e;outline:none}.mech-tandt .desk .name input{font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(1.8rem,1.4rem + 1.5vw,2.6rem)}.mech-tandt .desk .name input::placeholder{letter-spacing:.1em;font-size:.6em}.mech-tandt .desk .draw{color:#221a12;background:#fff6;border-color:#7a2e2e80;margin-top:.4rem;padding:.2rem .8rem;font-size:.85rem}.mech-tandt .desk .or,.mech-tandt .desk .by{letter-spacing:.18em;text-transform:uppercase;margin:.8rem 0 .2rem;font-size:.85rem}.mech-tandt .desk .subject input{letter-spacing:.08em;text-transform:uppercase;font-size:1.25rem}.mech-tandt .desk .author input{letter-spacing:.1em;text-transform:uppercase;font-size:1.1rem}.mech-tandt .desk .text textarea{text-align:left;resize:vertical;background:#ffffff4d;border:1px solid #221a1240;margin-top:1.1rem;padding:.5rem .6rem;font-size:1.02rem;line-height:1.55}.mech-tandt .desk .count{text-align:right;margin:.3rem 0 0;font-size:.85rem;font-style:italic}.mech-tandt .desk .count.is-over{color:#8a1f1f}.mech-tandt .desk .hint{color:#4a3a28;text-align:left;margin:.5rem 0 0;font-size:.85rem;font-style:italic;line-height:1.4}.mech-tandt .desk-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.9rem;display:flex}.mech-tandt .desk .status{color:#7a2e2e;min-height:1.2em;margin:.5rem 0 0;font-style:italic}@media (width<=760px){.mech-tandt{gap:.45rem;padding:.6rem .7rem}.mech-tandt-head p:not(.caveat){display:none}.mech-tandt-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.mech-tandt .shelf .row{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.mech-tandt .card{max-height:34vh;padding:.8rem .9rem}.mech-tandt .card h3{font-size:1.35rem}.mech-tandt .desk-page{padding:1.1rem 1rem 1rem}.mech-tandt .desk .name input{letter-spacing:.06em;font-size:1.45rem}}@media (prefers-reduced-motion:reduce){.mech-tandt .spine{transition:none}.mech-tandt .desk-page{animation:none}}