.pocket-panel[hidden]{display:none!important}.pocket-panel{position:fixed;z-index:39;left:var(--pocket-left,12px);top:var(--pocket-top,130px);width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - var(--pocket-top,130px) - 12px);padding:0;overflow:hidden;border:1px solid #bdc6af;border-radius:18px;background:#faf8edfa;color:#405a47;box-shadow:0 14px 46px #263b2938;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.pocket-panel-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:15px 16px 12px;border-bottom:1px solid #d8dec8}.pocket-panel-header h2{margin:1px 0 0;font-size:20px}.pocket-panel .dialog-eyebrow{font-size:10px;color:#7a876b}.pocket-panel .dialog-close{position:static;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #cad1bf;border-radius:10px;background:#fffdf5;color:#52684f;font:24px/1 system-ui;cursor:pointer}.pocket-panel .pocket-money{display:flex;align-items:baseline;gap:5px;margin:0;padding:6px 9px;border-radius:9px;background:#eee7ca;color:#75643a;font-size:10px}.pocket-panel .pocket-money strong{color:#8a661f;font-size:16px;font-variant-numeric:tabular-nums}
.pocket-panel-scroll{max-height:calc(100dvh - var(--pocket-top,130px) - 82px);padding:14px 16px 18px;overflow:auto;overscroll-behavior:contain}.pocket-section h3{margin:0 0 8px;font:600 11px system-ui;color:#68765e}.pocket-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:15px}.pocket-section-heading h3{margin:0 0 8px}.pocket-section-heading span{font-size:9px;color:#87907c}.pocket-special-grid,.pocket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.pocket-panel .pocket-card{display:flex;min-width:0;min-height:76px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px 5px;border:1px solid #d0d7c5;border-radius:10px;background:#fffdf5;color:#4c684f;font:inherit;text-align:center;cursor:pointer}.pocket-panel button.pocket-card:hover{border-color:#91a27f}.pocket-panel button.pocket-card[aria-pressed=true]{border-color:#688258;background:#e9efdb;box-shadow:inset 0 0 0 1px #688258}.pocket-panel .pocket-card>svg,.pocket-panel .pocket-card>.treasure-icon{width:33px;height:33px;flex:none}.pocket-panel .pocket-card>span{display:grid;min-width:0;gap:3px}.pocket-panel .pocket-card strong{overflow-wrap:anywhere;font-size:11px;line-height:1.2}.pocket-panel .pocket-card small{color:#7e876f;font-size:9px;line-height:1.25}.pocket-panel .pocket-card-empty{border-style:dashed;background:#f7f5e9;color:#9aa18e;font-size:10px}
.pocket-panel .pocket-item{margin-top:12px;padding:12px;border:1px solid #c7ad73;border-radius:11px;background:#f3e7c9;color:#634e2f}.pocket-panel .pocket-item[hidden]{display:none}.pocket-panel .snack-detail{display:flex;align-items:center;gap:10px}.pocket-panel .snack-detail svg,.pocket-panel .snack-detail .treasure-icon{width:38px;height:38px}.pocket-panel .snack-detail strong{font-size:14px}.pocket-panel .snack-detail b{font-size:11px;font-weight:400}.pocket-panel .snack-description,.pocket-panel .snack-feedback{margin:7px 0;font-size:10px;line-height:1.55}.pocket-panel .snack-feedback{min-height:15px;margin-bottom:0}.pocket-panel .pocket-item-actions{display:flex;gap:6px}.pocket-panel .pocket-item-actions button{min-height:38px;flex:1;padding:7px;border:1px solid #ac8e56;border-radius:8px;background:#fff9e7;color:#60472b;font:inherit;font-size:11px;cursor:pointer}.pocket-panel .pocket-item-actions .item-throw{background:#55764a;color:#fff8e5}.pocket-panel .pocket-item-actions .item-discard{color:#885d49;background:#f6edda}.pocket-panel .pocket-item-actions button:disabled{opacity:.45;cursor:default}.pocket-panel :focus-visible{outline:3px solid #739671;outline-offset:2px}
.pocket-tools .pocket-actions{display:contents}.pocket-tools #pocket-open[aria-expanded=true]{background:#e1eacc;border-color:#648157;color:#3c623e;box-shadow:inset 0 0 0 1px #648157}.pocket-tools .throw-choice{width:max-content;max-width:min(300px,calc(100vw - 36px));padding:7px 9px}.pocket-tools .throw-choice .throw-label{font-size:10px}.pocket-tools .throw-candy-meter svg{width:28px;height:28px}
@media(max-width:760px){.pocket-panel{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:auto;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-height:min(72dvh,610px);border-radius:20px}.pocket-panel-scroll{max-height:calc(min(72dvh,610px) - 66px);padding:12px 13px 16px}.pocket-panel-header{padding:11px 13px}.pocket-panel-header h2{font-size:18px}.pocket-panel .dialog-eyebrow{display:none}.pocket-special-grid,.pocket-grid{gap:6px}.pocket-panel .pocket-card{min-height:68px;padding:6px 5px;gap:3px}.pocket-panel .pocket-card>svg,.pocket-panel .pocket-card>.treasure-icon{width:29px;height:29px}.pocket-panel .pocket-card strong{font-size:10px}.pocket-panel .pocket-card small{font-size:8px}.pocket-tools .throw-choice{display:none!important}}
@media(max-width:350px){.pocket-panel{left:5px;right:5px;bottom:5px}.pocket-panel-scroll{padding-inline:9px}.pocket-special-grid,.pocket-grid{gap:4px}.pocket-panel .pocket-card{min-height:63px}.pocket-panel .pocket-item{padding:10px}}
@media(prefers-reduced-motion:no-preference){.pocket-panel.open{animation:pocket-panel-in .16s ease-out both}@keyframes pocket-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:760px){.pocket-panel.open{animation-name:pocket-sheet-in}@keyframes pocket-sheet-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}}
.pocket-panel .pocket-card{box-sizing:border-box;height:82px;min-height:82px}