.depot-page{max-width:1240px;margin:20px auto;padding:0 16px;color:#16436c;font-family:'Zen Maru Gothic',sans-serif}.page-heading{padding:8px 4px 18px}.page-heading h1{font-size:34px;margin:0 0 6px}.page-heading p{margin:0}.parent-note{max-width:920px;margin:32px auto;padding:24px;background:#f4eedb;line-height:1.9}.parent-note h2{font-size:23px}
#host{--ink:#16436c;--paper:#fffcf0;--ochre:#ebbc3b;position:relative;isolation:isolate;container-type:size;container-name:game;height:760px;max-width:1200px;margin:auto;overflow:hidden;background:#f7f0db url('./assets/background.webp') center/cover;border:3px solid var(--ink);border-radius:6px;color:var(--ink);font-family:'Zen Maru Gothic',sans-serif}#host *{box-sizing:border-box}#host [hidden]{display:none!important}#host button{font:800 16px/1.3 'Zen Maru Gothic',sans-serif;min-width:0;min-height:42px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink);padding:10px 15px;cursor:pointer;touch-action:manipulation}#host button:disabled{opacity:.5;cursor:default}#host button:focus-visible,#host input:focus-visible,#collection:focus-visible{outline:4px solid #ba4429;outline-offset:3px}#host button:hover:enabled{box-shadow:0 3px 0 #16436c30}#host button.primary{background:#2d6c50;border-color:#164e37;color:#fffbee;box-shadow:0 4px 0 #163e30}#host input{accent-color:var(--ink)}#host .depot-top{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#fffbedee;border-bottom:2px solid var(--ink)}#host .depot-top strong{font-size:18px;white-space:nowrap}#host nav{display:flex;gap:7px}#host nav button{font-size:12px;min-height:32px;padding:6px 10px;border-width:1px;border-radius:3px}#base{height:calc(100% - 56px)}
#cover{height:100%;display:grid;grid-template-columns:.85fr 1.2fr;align-items:center;gap:35px;padding:38px 43px}.keyart{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;border-radius:5px}.shipping-label{background:#f3c64c;padding:38px 32px 29px;display:flex;flex-direction:column;gap:23px;border:3px dashed #b8882c;box-shadow:7px 8px 0 #6a5d3330;transform:rotate(-2deg);position:relative}.shipping-label::before{content:'';position:absolute;top:8px;left:48%;border-radius:50%;width:16px;height:16px;background:var(--ink)}.shipping-label h2{font-size:clamp(40px,5cqw,67px);line-height:1.3;margin:0}.shipping-label em{font-style:normal;color:#245e44}.shipping-label p{font-size:19px;border-top:2px dashed #876728;padding-top:13px;margin:0}.shipping-label p b{font-size:33px}.shipping-label small{font-size:12px}#host #start{font-size:24px;min-height:60px}#ready-note{font-size:10px!important;text-align:center}
#play{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 135px;grid-template-rows:minmax(0,1fr) 150px 59px 40px;gap:17px 25px;padding:24px 34px 26px}#tray{grid-column:1;grid-row:1;background:#fffdf3;box-shadow:inset 0 0 0 12px #daceab,0 7px 0 #93856066;border-radius:12px;display:grid;grid-template-columns:1fr;grid-template-rows:25px minmax(0,1fr) 44px;justify-items:center;gap:6px;padding:18px 22px;min-height:0}#tray>small{font-size:14px}#item-image{width:100%;height:100%;object-fit:contain;min-height:0;mix-blend-mode:multiply}#item-name{font-size:27px;line-height:1.3;margin:0;align-self:center;padding:4px 18px;background:#f8e5af;border-radius:4px}#dispatch{grid-column:2;grid-row:1/3;background:#fffae8;border:2px solid #d6c398;padding:17px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:10px;border-radius:5px}#dispatch p{font-size:13px;margin:0;text-align:center}#dispatch p:first-child b{font-size:24px;line-height:1.8}#dispatch p b{font-size:23px}#lamps{display:grid;grid-template-columns:1fr;gap:9px}#lamps span{width:24px;height:24px;border-radius:50%;border:2px solid #b5a889;background:#e1d7bf;box-shadow:inset 0 3px 0 #00000010}#lamps span[data-status=correct]{background:#2d7858;border-color:#164f38}#lamps span[data-status=wrong]{background:#e9b44c;border-color:#b48029}#bins{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:end}#host #bins button{height:calc(100% - 15px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 6px 10px;border:5px solid #c79927;border-top:12px solid #8c651e;border-radius:5px 5px 20px 20px;background:#eac047;color:#543e1b;box-shadow:0 6px 0 #876728;opacity:1}#host #bins button:nth-child(2){background:#346fa9;color:white;border-color:#235a93;border-top-color:#123852;box-shadow:0 6px 0 #184968}#host #bins button:nth-child(3){background:#5b8568;color:white;border-color:#4a7055;border-top-color:#254934;box-shadow:0 6px 0 #30553d}#bins button::before{content:'';position:absolute;left:-10px;right:-10px;top:-22px;height:14px;background:inherit;border:4px solid currentColor;border-radius:4px}#bins small{position:absolute;top:7px;left:9px;font-size:11px}#bins b{font-size:21px;white-space:nowrap}.bin-symbol{font-size:33px;line-height:1.1}#host #bins button:disabled{filter:saturate(.6)}#host #bins button.correct{outline:5px solid #fff7b1;outline-offset:4px}#host #bins button.wrong{outline:4px dashed #ae402b;outline-offset:4px}#feedback{grid-column:1/-1;grid-row:3;min-height:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:17px;line-height:1.55;margin:0;padding:9px 14px;border:2px solid #9da58d;background:#fffdf0;border-radius:5px}.play-actions{grid-column:1/-1;grid-row:4;display:flex;justify-content:center;align-items:center;gap:20px}.play-actions small{font-size:11px;background:#fffbeece;padding:5px}.play-actions button{min-width:170px}
#result{height:100%;display:grid;grid-template-rows:94px minmax(0,1fr) 23px 48px;gap:18px;padding:25px 38px 28px;background:#f8edcbdc}#result>header{display:flex;align-items:center;justify-content:center;gap:32px}#result h2{font-size:35px;margin:5px 0 0;line-height:1.4}#result header small{font-size:11px}.score-ticket{width:104px;flex-shrink:0;background:#efc142;border:3px dashed #977524;padding:8px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;transform:rotate(3deg)}.score-ticket span{width:100%;text-align:center;font-size:11px}.score-ticket b{font-size:36px}.score-ticket small{font-size:16px}#collection{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;grid-template-columns:1fr 1fr;align-content:start;background:#fffaf0;border:2px solid #b3a17a;box-shadow:5px 6px 0 #76654230}#collection article{display:grid;grid-template-columns:65px minmax(0,1fr) 25px;align-items:center;gap:10px;padding:14px 13px;border-bottom:1px dashed #c5b591;border-right:1px solid #d5c9ac;min-width:0;min-height:95px}#collection img{width:65px;height:65px;object-fit:contain;mix-blend-mode:multiply}#collection h3{font-size:16px;margin:0 0 4px;line-height:1.5}#collection p{font-size:13px;margin:0;line-height:1.5}#collection .status{font-size:24px;color:#297151}#collection article[data-ok=false] .status{color:#a86325}.reading-note{font-size:11px;text-align:center;margin:0;align-self:center}.result-actions{display:flex;justify-content:center;gap:20px}#host .result-actions button{min-width:180px}
#modal{position:absolute;inset:0;z-index:50;background:#183949bd;display:grid;place-items:center;padding:16px}#modal>section{max-height:100%;overflow:auto;width:min(640px,100%);background:#fffdf0;border:4px double #a08a52;border-radius:7px;padding:25px;box-shadow:0 10px 20px #122c3450}#modal header{display:flex;align-items:center;justify-content:space-between;gap:10px}#modal h2{font-size:24px;margin:0}#dialog-content{font-size:15px;line-height:1.9}#dialog-content>button{display:block;width:100%;margin-top:12px}#dialog-content label{display:flex;align-items:center;gap:12px;margin:17px 0}#dialog-content input[type=checkbox]{width:25px;height:25px}#dialog-content label:has(input[type=range]){display:block}#dialog-content input[type=range]{display:block;width:100%;height:34px}#storage-note{font-size:12px}#host:fullscreen,#host.faux-fullscreen{width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0}#host.faux-fullscreen{position:fixed;inset:0;z-index:99999}
@media(max-width:700px){.depot-page{padding:0 8px}#host{height:790px}.parent-note{padding:16px;margin:24px 0}.page-heading h1{font-size:28px}}@media(max-height:520px) and (min-width:621px){#host{height:390px}}
@container game (max-width:620px){#host .depot-top{height:80px;display:grid;justify-content:stretch;gap:7px;padding:7px 8px;text-align:center}#host .depot-top strong{font-size:15px}#host nav{gap:5px}#host nav button{flex:1;white-space:nowrap;font-size:11px;padding:7px 3px;min-height:33px}#base{height:calc(100% - 80px)}#cover{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:20px 29px}.keyart{grid-row:1;max-width:360px;justify-self:center}.shipping-label{grid-row:2;padding:23px 19px 16px;gap:11px;text-align:center}.shipping-label::before{width:10px;height:10px;top:5px}.shipping-label h2{font-size:32px}.shipping-label h2 br{display:none}.shipping-label em{white-space:nowrap}.shipping-label p{font-size:14px;padding-top:8px}.shipping-label p b{font-size:23px}.shipping-label small{font-size:10px}#host #start{font-size:20px;min-height:46px}
#play{grid-template-columns:1fr;grid-template-rows:64px minmax(0,1fr) 124px 57px 36px;gap:15px;padding:14px 17px 18px}#dispatch{grid-column:1;grid-row:1;display:grid;grid-template-columns:65px 1fr 64px;grid-template-rows:1fr 1fr;gap:2px 7px;padding:6px 9px}#dispatch p{font-size:10px;white-space:nowrap}#dispatch p:first-child{grid-column:1;grid-row:1/3}#dispatch p:first-child b{font-size:17px}#dispatch p b{font-size:17px}#dispatch p:nth-last-child(2){grid-column:3;grid-row:1}#dispatch p:last-child{grid-column:3;grid-row:2}#lamps{grid-column:2;grid-row:1/3;grid-template-columns:repeat(4,1fr);gap:6px;justify-self:center}#lamps span{width:17px;height:17px}#tray{grid-column:1;grid-row:2;grid-template-rows:20px minmax(0,1fr) 34px;padding:16px 16px;gap:5px;box-shadow:inset 0 0 0 8px #daceab,0 5px 0 #93856066}#tray>small{font-size:12px}#item-name{font-size:23px;padding:3px 8px}#bins{grid-row:3;gap:13px;padding:0 4px}#host #bins button{border-width:4px;border-top-width:9px;padding:12px 3px 6px;border-radius:4px 4px 13px 13px}#bins button::before{left:-7px;right:-7px;top:-18px;height:12px;border-width:3px}#bins b{font-size:14px}#bins small{font-size:9px;left:4px;top:5px}.bin-symbol{font-size:28px}#feedback{grid-row:4;font-size:12px;padding:6px 8px}.play-actions{grid-row:5;gap:8px}.play-actions small{font-size:7px;padding:3px}#host .play-actions button{min-width:108px;min-height:33px;font-size:11px;padding:6px 8px}
#result{grid-template-rows:84px minmax(0,1fr) 31px 42px;gap:13px;padding:16px 16px 22px}#result>header{gap:13px}#result h2{font-size:23px;line-height:1.4;max-width:180px}#result header small{font-size:9px}.score-ticket{width:75px;padding:5px}.score-ticket span{font-size:9px}.score-ticket b{font-size:30px}#collection{grid-template-columns:1fr}#collection article{padding:11px 9px;gap:8px;min-height:82px;grid-template-columns:58px minmax(0,1fr) 24px}#collection img{width:58px;height:58px}#collection h3{font-size:15px}#collection p{font-size:12px}.reading-note{font-size:9px;line-height:1.6}.result-actions{gap:12px}#host .result-actions button{min-width:0;flex:1;font-size:13px;padding:8px 5px}#modal>section{padding:18px}#modal h2{font-size:21px}#dialog-content{font-size:13px}}
@container game (max-height:520px) and (min-width:621px){#host .depot-top{height:38px;padding:4px 10px}#host .depot-top strong{font-size:13px}#host nav button{min-height:28px;font-size:10px;padding:4px 8px}#base{height:calc(100% - 38px)}#cover{padding:17px 65px;gap:35px}.shipping-label{padding:18px 18px 12px;gap:7px}.shipping-label::before{width:9px;height:9px;top:4px}.shipping-label h2{font-size:30px}.shipping-label h2 br{display:none}.shipping-label em{white-space:nowrap}.shipping-label p{font-size:12px;padding-top:6px}.shipping-label p b{font-size:20px}.shipping-label small{font-size:8px}#host #start{font-size:17px;min-height:37px}#play{grid-template-columns:minmax(0,1fr) 100px;grid-template-rows:minmax(0,1fr) 90px 36px 29px;gap:9px 20px;padding:10px 25px 12px}#tray{grid-template-columns:1fr 1fr;grid-template-rows:22px 1fr;padding:10px 15px;box-shadow:inset 0 0 0 7px #daceab,0 4px 0 #93856066}#tray>small{grid-column:2;grid-row:1;font-size:11px;align-self:end}#item-image{grid-column:1;grid-row:1/3}#item-name{grid-column:2;grid-row:2;font-size:23px;padding:3px 8px}#dispatch{padding:9px 7px;gap:6px}#dispatch p{font-size:10px}#dispatch p:first-child b{font-size:18px}#dispatch p b{font-size:18px}#lamps{grid-template-columns:repeat(2,1fr);gap:7px}#lamps span{width:15px;height:15px}#bins{gap:20px;padding:0 5px}#host #bins button{flex-direction:row;gap:10px;border-width:3px;border-top-width:8px;padding:9px 4px 4px;border-radius:4px 4px 10px 10px}#bins button::before{top:-15px;left:-7px;right:-7px;height:10px;border-width:3px}#bins b{font-size:16px}#bins small{font-size:8px;left:4px;top:4px}.bin-symbol{font-size:27px}#feedback{font-size:12px;padding:4px 10px}.play-actions small{font-size:8px}#host .play-actions button{min-height:28px;font-size:11px;min-width:145px;padding:4px 12px}#result{grid-template-rows:58px minmax(0,1fr) 18px 32px;gap:8px;padding:9px 26px 13px}#result>header{gap:23px}#result h2{font-size:25px;margin:0}#result header small{font-size:8px}.score-ticket{width:73px;padding:2px}.score-ticket span{font-size:7px}.score-ticket b{font-size:23px}#collection article{min-height:66px;padding:6px 9px;gap:8px;grid-template-columns:51px minmax(0,1fr) 24px}#collection img{width:51px;height:51px}#collection h3{font-size:13px}#collection p{font-size:11px}.reading-note{font-size:9px}#host .result-actions button{min-height:30px;font-size:11px;min-width:160px;padding:5px 10px}#modal>section{padding:16px 22px}#modal h2{font-size:21px}#dialog-content{font-size:13px;line-height:1.65}#dialog-content p{margin:10px 0}#dialog-content label{margin:9px 0}}
@container game (max-width:350px){#cover{padding:16px 23px;gap:14px}.shipping-label{gap:8px;padding:21px 13px 13px}.shipping-label h2{font-size:28px}#play{padding:12px 12px 16px;gap:13px;grid-template-rows:60px minmax(0,1fr) 114px 56px 33px}#dispatch{grid-template-columns:59px 1fr 58px;gap:2px 4px;padding:5px 6px}#lamps{gap:4px}#lamps span{width:15px;height:15px}#dispatch p{font-size:9px}#bins{gap:11px}#bins b{font-size:12px}#item-name{font-size:21px}.play-actions small{font-size:6px}#host .play-actions button{min-width:95px;font-size:10px}#result h2{font-size:21px}#result{padding:13px 12px 17px}#collection h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){#host *{transition:none!important;animation:none!important}}
#result-title span{white-space:nowrap}@container game (max-width:620px){#result-title span{display:block}}
.bin-symbol{width:46px;height:46px;border-radius:50%;overflow:hidden;background:#fffbef;display:grid;place-items:center;margin-bottom:4px}.bin-symbol img{width:92%;height:92%;object-fit:contain}#host #bins button{gap:3px}
@container game (max-width:620px){.bin-symbol{width:35px;height:35px;margin-bottom:2px}}
@container game (max-height:520px) and (min-width:621px){.bin-symbol{width:32px;height:32px;margin-bottom:0}#host #bins button{gap:10px}}
@container game (max-width:350px) and (max-height:650px){#play{padding:10px 12px 12px;gap:10px;grid-template-rows:54px minmax(0,1fr) 102px 48px 31px}#dispatch{padding:3px 6px}#dispatch p:first-child b{line-height:1.3}#lamps{gap:3px}#lamps span{width:14px;height:14px}#feedback{font-size:11px}#tray{padding:13px;grid-template-rows:18px minmax(0,1fr) 30px}#tray>small{font-size:11px}#item-name{font-size:20px}}