.crates-shell{max-width:1040px;margin:auto;padding:32px 20px 60px;color:#263248}.crates-shell>header{margin:12px 0 28px}.crates-shell h1{font-size:clamp(2.5rem,7vw,4.5rem);margin:10px 0}.crates-shell [hidden]{display:none!important}.crates-panel{background:#f4f1fb;border:1px solid #d9d0ed;border-radius:24px;padding:24px}.crates-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.crates-toolbar label{margin-left:auto;font-size:.9rem}.crates-toolbar input{width:20px;height:20px;vertical-align:middle}.crates-toolbar #crates-clock{font:700 1.4rem monospace}.crates-panel #crates-message{min-height:3em;font-weight:650;line-height:1.6}.crates-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.crate{min-height:154px;padding:14px 8px;border:2px solid #ba9857;border-radius:12px;background:#fff6e4;color:#493c22;font:inherit;cursor:pointer}.crate strong{display:block;font-size:1.5rem}.crate-values,.crate-diff{display:block;margin-top:8px;font-size:.9rem}.crate.complete{background:#e1f2e8;border-color:#2f7756}.crates-stock-title{font-size:1.1rem;margin:24px 0 12px}.crates-tiles{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.number-tile{position:relative;min-height:86px;background:white;border:2px solid #c5bddb;border-radius:12px;color:#263248;font:700 1.7rem system-ui;cursor:pointer;padding:20px 4px 8px}.number-tile small{position:absolute;left:7px;top:3px;font:12px system-ui}.number-tile span{display:block;font:12px system-ui;margin-top:4px}.number-tile[aria-pressed=true]{border-color:#634699;background:#e7ddfa;box-shadow:0 0 0 2px #634699}.crates-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.crates-shell button:focus-visible,.crates-shell input:focus-visible{outline:3px solid #a04e00;outline-offset:4px}.crates-shell button:disabled{cursor:default;opacity:.55}.crates-help{background:white;border:1px solid #e2ddec;border-radius:20px;padding:24px;margin-top:24px;line-height:1.85}.crates-help h2{font-size:1.25rem}.crates-help ol{padding-left:1.5em}.crates-help li{margin:8px 0}@media(max-width:620px){.crates-shell{padding:22px 12px 40px}.crates-panel{padding:16px 12px}.crates-board{gap:7px}.crate{padding:12px 4px}.crate strong{font-size:1.25rem}.crate-values,.crate-diff{font-size:.8rem}.crates-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.number-tile{min-height:70px}.crates-toolbar label{margin-left:0;width:100%}.crates-actions .button{padding:12px 15px}.crates-help{padding:18px}}