@font-face{font-family:CabinetMono;src:url('/game/fonts/geist-mono.woff2') format('woff2');font-display:swap}
.surface-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.surface-actions .go{margin:0}.cabinet-open{color:#d5e1cc;border:1px solid #b6d5be4d;border-radius:99px;background:#0e302dcc;min-height:48px;padding:12px 22px;font-size:12px}.cabinet-open:hover{border-color:#e4d8ac;background:#204b40}.cabinet-open span{color:#afc6b2;margin-left:9px;font-size:10px;font-variant-numeric:tabular-nums}
#cabinet{--cabinet-ink:#e9e9d5;--cabinet-muted:#a1b7a8;box-sizing:border-box;width:min(1440px,calc(100vw - 56px));height:min(920px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:1px solid #7e9e7c5e;border-radius:17px;color:var(--cabinet-ink);background:#0b2524;box-shadow:0 40px 140px #0008;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
#cabinet::backdrop{background:#020d10cd;backdrop-filter:blur(18px)}#cabinet[open]{display:flex;flex-direction:column}#cabinet button:focus-visible,#cabinet canvas:focus-visible{outline:2px solid #e8d8a1;outline-offset:-4px}#cabinet button{color:inherit}
.cabinet-header{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 38px 24px;border-bottom:1px solid #9cb58d26;background:linear-gradient(110deg,#173c3280,transparent)}.cabinet-kicker{font:9px/1.6 CabinetMono,monospace;letter-spacing:.16em;text-transform:uppercase;color:#a5bca6;margin:0}.cabinet-header h2{font-size:clamp(25px,3.1vw,44px);font-weight:450;letter-spacing:-.045em;margin:10px 0 0;line-height:1.1}.cabinet-close{flex:0 0 42px;width:42px;height:42px;margin-left:14px;border:1px solid #aec6a748;border-radius:50%;background:transparent;font-size:27px;font-weight:250}
.cabinet-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);min-height:350px;flex:1}.cabinet-specimen{min-width:0;position:relative}.cabinet-stage{height:100%;min-height:350px;position:relative;overflow:hidden;background:#0b2524}.cabinet-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.cabinet-serial{position:absolute;left:32px;top:23px;color:#aec0a5;font:9px CabinetMono,monospace;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.cabinet-view-tools{position:absolute;bottom:18px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:12px}.cabinet-view-tools>span{font:9px/1.6 CabinetMono,monospace;color:#c3d1b7;max-width:210px}.cabinet-view-tools>div{display:flex;gap:4px}.cabinet-view-tools button{height:34px;min-width:34px;border:1px solid #a9b79e40;border-radius:50%;background:#0a2822c4;font-size:16px}.cabinet-view-tools button:last-child{border-radius:20px;font-size:10px;padding:0 12px}.cabinet-view-tools button:hover,.cabinet-close:hover{background:#44634a60;border-color:#afc39f}
.cabinet-label{border-left:1px solid #9cb58d26;display:flex;flex-direction:column;justify-content:center;padding:30px 36px;background:linear-gradient(135deg,#142f25b0,#0b2524)}.cabinet-label h3{font-size:clamp(29px,3vw,43px);letter-spacing:-.04em;font-weight:450;line-height:1.05;margin:13px 0 16px}.cabinet-description{font-size:13px;line-height:1.75;color:#bdccba;margin:0;max-width:36ch}.cabinet-origin{margin:24px 0 0;padding-top:17px;border-top:1px solid #9cb58d2b}.cabinet-origin:empty{display:none}.cabinet-origin>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:8px 0}.cabinet-origin dt{font:9px CabinetMono,monospace;color:#90aa97}.cabinet-origin dd{margin:0;text-align:right;font-size:11px;color:#d2decb}.cabinet-note{margin-top:22px;padding:0 0 0 14px;border-left:1px solid #b7bf854d}.cabinet-note:empty{display:none}.cabinet-note>p:last-child{font-size:11px;line-height:1.65;color:#9fb69f;max-width:35ch;margin:7px 0 0}.cabinet-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;background:radial-gradient(ellipse at 50% 58%,#0b252420,#0b2524ba)}.cabinet-empty>span{font-size:62px;color:#c5d8aa;font-weight:250;line-height:1}.cabinet-empty h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:18px 0 9px}.cabinet-empty p{font-size:12px;line-height:1.7;color:#b2c6ad;margin:0}.cabinet-render-status{position:absolute;top:50%;left:24px;right:24px;text-align:center;font-size:13px;background:#0b2524e8;padding:20px}
.cabinet-footer{border-top:1px solid #9cb58d26;padding:20px 38px 18px;background:linear-gradient(#102d26,#0c211e)}.cabinet-collection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.cabinet-collection-heading h3{font-size:13px;font-weight:500;margin:0}.cabinet-total{font:10px CabinetMono,monospace;color:#c7c991;margin-left:10px}.cabinet-collection-heading>p{font-size:10px;color:#8ca790;margin:0}.cabinet-drawers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin:18px 0}.cabinet-drawers section{min-width:0}.cabinet-drawers h4{font-size:10px;font-weight:400;color:#a8bea7;margin:0 0 10px;white-space:nowrap}.cabinet-drawers section>div{display:flex;gap:6px}.cabinet-slot{display:grid;place-items:center;flex:1;min-height:42px;border:1px solid #8ea88625;border-radius:6px;background:#142f27;color:#668674;font:11px CabinetMono,monospace}button.cabinet-slot{background:linear-gradient(145deg,#566a444f,#192f22);border-color:#a9b37d65;color:#c9d3aa!important}button.cabinet-slot:hover{border-color:#d1c893}button.cabinet-slot[aria-pressed=true]{border-color:#e4d5a0;background:#d5dbab;color:#253c2b!important;box-shadow:0 0 25px #cccb9521}.cabinet-save-note{font:9px/1.5 CabinetMono,monospace;color:#829d88;margin:0}
@media(max-width:800px){#cabinet{width:calc(100vw - 24px);height:calc(100dvh - 24px);border-radius:13px}.cabinet-header{padding:23px}.cabinet-body{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.cabinet-label{padding:24px}.cabinet-footer{padding:20px 24px}.cabinet-drawers{gap:10px}.cabinet-drawers h4{font-size:8px}.cabinet-slot{min-height:35px}.cabinet-view-tools{flex-direction:column;left:14px;right:14px;gap:9px}.cabinet-view-tools>span{font-size:8px;max-width:none}}
@media(max-width:600px){#cabinet{width:100vw;height:100dvh;border:0;border-radius:0}.cabinet-header{padding:max(24px,env(safe-area-inset-top)) 22px 20px;flex:none}.cabinet-header h2{font-size:28px;max-width:250px}.cabinet-kicker{font-size:8px;letter-spacing:.1em}.cabinet-close{width:38px;height:38px;flex-basis:38px}.cabinet-body{display:block;flex:none}.cabinet-stage{height:330px;min-height:0}.cabinet-serial{top:18px;left:22px;font-size:8px}.cabinet-view-tools{flex-direction:row;bottom:15px;left:22px;right:22px}.cabinet-view-tools>span{max-width:140px}.cabinet-view-tools button{min-width:32px;height:32px}.cabinet-label{border-left:0;border-top:1px solid #9cb58d26;padding:26px 24px}.cabinet-label h3{font-size:34px}.cabinet-description{max-width:none}.cabinet-origin{margin-top:17px}.cabinet-note{margin-top:15px}.cabinet-note>p:last-child{max-width:none}.cabinet-collection-heading>p{display:none}.cabinet-drawers{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 12px;margin:20px 0}.cabinet-drawers h4{font-size:9px}.cabinet-slot{min-height:38px}.cabinet-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.cabinet-save-note{font-size:8px}.surface-actions{gap:9px}.cabinet-open{padding:12px 16px;min-height:44px}}
@media(max-width:360px){.cabinet-view-tools>span{display:none}.cabinet-view-tools{justify-content:center}.cabinet-drawers{gap:16px 8px}.cabinet-drawers section>div{gap:4px}.cabinet-drawers h4{font-size:8px}.cabinet-header h2{font-size:26px}}