.ht-modal{position:fixed;inset:0;z-index:16000;background:#020b13cc;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);font:14px/1.45 Arial,sans-serif;color:#cce0ed}.ht-modal.hidden{display:none!important}.ht-window{width:min(1120px,100%);max-height:94dvh;display:flex;flex-direction:column;background:#081c29;border:1px solid #44798f;border-radius:18px;box-shadow:0 24px 90px #000b;overflow:hidden}.ht-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 25px;border-bottom:1px solid #274c61;background:linear-gradient(120deg,#103a50,#081c29)}.ht-header small,.ht-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#8ed9ed}.ht-header h2{font:700 27px/1.2 Georgia,serif;margin:6px 0 0;color:#edf5ff}.ht-modal button,.ht-modal select,.ht-modal input{font:inherit;color:inherit;border:1px solid #396779;background:#102e40;border-radius:7px;min-height:37px;padding:7px 11px;box-sizing:border-box}.ht-modal button{cursor:pointer;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.ht-modal button:hover:not(:disabled){background:#1d4960;border-color:#88c4d4}.ht-modal button:disabled{opacity:.4;cursor:default}.ht-modal :focus-visible{outline:2px solid #ffd768;outline-offset:3px}.ht-header>button{font-size:26px;width:42px;height:42px}.ht-scroll{overflow:auto;overscroll-behavior:contain;padding:20px 24px;scrollbar-color:#38697e #081c29}.ht-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border:1px solid #716136;border-radius:12px;padding:23px;background:radial-gradient(ellipse at right top,#6e54204d,transparent 65%),linear-gradient(135deg,#132e40,#0c212d)}.ht-eyebrow{color:#ffd774}.ht-hero h3{font:700 29px Georgia,serif;color:#fff0bf;margin:6px 0 10px}.ht-hero p{max-width:570px;font-size:13px;margin:6px 0;line-height:1.55}.ht-house{color:#80c9e0}.ht-stats{display:flex;gap:8px}.ht-stats span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:82px;min-height:84px;background:#05162199;border:1px solid #3b5560;border-radius:9px;font-size:11px}.ht-stats strong{font-size:29px;color:#ffd46c}.ht-message{min-height:22px;padding:13px 2px;color:#92d9c0;font-size:12px}.ht-message.error{color:#ffb7a3}.ht-message button{margin-left:8px}.ht-bonuses{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid #234c5c;border-radius:9px;background:#09222d}.ht-bonuses>b{font-size:10px;letter-spacing:1px;margin-right:5px;color:#85b9cd}.ht-bonuses span{font-size:11px;padding:5px 9px;border-radius:5px;background:#112e3b}.ht-bonuses strong{color:#87e6b0;margin-left:4px}.ht-guide{font-size:12px;color:#9ebdcb;margin:12px 0 19px}.ht-guide summary{cursor:pointer;color:#ead18e;padding:3px}.ht-guide p{max-width:800px;margin:8px 4px}.ht-racks h3,.ht-collection h3{font-size:17px;color:#e4edf4;margin:0}.ht-racks h3 small{font-size:11px;font-weight:400;color:#94b6c5;margin-left:8px}.ht-racks>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:11px 0 24px}.ht-racks article{display:flex;align-items:center;gap:9px;border:1px solid #6c5a33;border-radius:9px;padding:12px;background:linear-gradient(120deg,#322e2088,#102a35)}.ht-racks article>span:nth-child(2){flex:1;min-width:0}.ht-racks b,.ht-racks small{display:block}.ht-racks small{font-size:10px;color:#9bafb6}.ht-racks button{font-size:10px;padding:6px;min-height:32px}.ht-shelf-icon{font-size:33px;color:#edc374}.ht-racks meter{width:90px;height:5px;display:block;margin-top:6px}.ht-collection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ht-count{font:400 11px Arial;color:#8db2c5;margin-left:7px}.ht-filters{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:9px;padding:13px;background:#0a2433;border:1px solid #234959;border-radius:9px}.ht-filters label{font-size:10px;color:#8bafc2;display:flex;flex-direction:column;gap:5px}.ht-filters input,.ht-filters select{width:100%;min-width:0;background:#061a26;font-size:12px}.ht-destination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:11px}.ht-destination:empty{margin-bottom:14px}.ht-destination select{font-size:11px;margin-left:8px}.ht-destination small{color:#91acba}.ht-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ht-card{border:1px solid #294d60;border-radius:10px;padding:13px;background:linear-gradient(150deg,#112e40,#091e2c);display:flex;flex-direction:column;min-width:0}.ht-card.is-active{border-color:#448d7b;background:linear-gradient(150deg,#153932,#091e2c)}.ht-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}.ht-card img{width:49px;height:49px;image-rendering:pixelated;object-fit:contain;background:#03111a88;border-radius:9px;border:1px solid #395763;padding:4px}.ht-status{font-size:9px;color:#a3b5c2;border:1px solid #395763;border-radius:20px;padding:4px 6px;white-space:nowrap}.is-active .ht-status{color:#8ff1b1;border-color:#437d5d;background:#0c332780}.ht-card h4{font-size:13px;color:#e8f3fc;margin:0 0 7px;overflow-wrap:anywhere}.ht-effect{font-size:11px;margin:0 0 9px;color:#afd4dd}.ht-effect b{color:#ffdd83;white-space:nowrap}.ht-location{font-size:10px;color:#98c2c9}.ht-id{font-size:9px;color:#6e97aa;margin:4px 0 11px}.ht-observation{font-size:10px;color:#d1ba7a;margin:0 0 8px}.ht-card-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto}.ht-card-actions button{font-size:10px;min-height:31px}.ht-card-actions .ht-primary{border-color:#4c8575;background:#174137;color:#adf3d0}.ht-pages{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;font-size:11px}.ht-pages span{margin-right:auto}.ht-empty{grid-column:1/-1;padding:30px;text-align:center;color:#97b4c2}.house-toy-manager-entry{padding:14px;border:1px solid #b99c4f;border-radius:8px;background:linear-gradient(120deg,#183d48,#163b2d);display:flex;flex-direction:column;gap:6px;margin:8px 0 14px;color:#e4eee7}.house-toy-manager-entry b{color:#ffda77}.house-toy-manager-entry small{font-size:11px}.house-toy-manager-entry button{padding:9px;background:#236050;border:1px solid #74cba5;color:#e3ffe9;border-radius:5px;cursor:pointer;font-weight:bold}
@media(max-width:920px){.ht-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ht-hero{grid-template-columns:1fr}.ht-stats span{flex:1;min-height:61px;width:auto}.ht-stats{width:100%}.ht-racks>div{grid-template-columns:1fr}}
@media(max-width:600px){.ht-modal{padding:6px}.ht-window{max-height:98dvh;border-radius:12px}.ht-header{padding:15px}.ht-header h2{font-size:21px}.ht-scroll{padding:12px}.ht-hero{padding:15px;gap:12px}.ht-hero h3{font-size:25px}.ht-filters{grid-template-columns:1fr 1fr;padding:9px}.ht-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ht-card{padding:9px}.ht-card img{width:38px;height:38px}.ht-card-top{gap:3px}.ht-status{font-size:8px;padding:3px 5px}.ht-racks article{padding:9px;gap:7px}.ht-shelf-icon{display:none}.ht-pages{flex-wrap:wrap}.ht-destination select{margin-left:4px;max-width:210px}}
@media(prefers-reduced-motion:reduce){.ht-modal *{scroll-behavior:auto!important;transition:none!important}}