/* Pocket hardware, social arcade and collection additions. */
:root{--touch-size:1;--touch-shift:0px;--pocket-scale:1}
body{background:radial-gradient(ellipse at 100% 0,#e5cdd64d,transparent 45%),#f2f1f3;color:#48434c}.panel-heading h2,.profile-card h3,.collection h2{color:#4f4855}.panel-intro,.world-story,.collection-intro,.panel-footnote,.continue-card p,.daily-card p{color:#79717e}.continue-card,.daily-card,.shop-card{background:linear-gradient(135deg,#fffdfd,#ece9ee);border-color:#d7d1da}.eyebrow{color:#8f8593}.rank-copy b,.shop-card h3,.profile-card h3{color:#66566c}.rank-copy small,.shop-card>p{color:#87768e}.app-panel{scroll-margin-top:15px}
.feature-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 15px}.feature-heading h3,.device-account h3{font-size:21px;letter-spacing:-.04em;color:#68536d;margin-top:6px}.feature-heading>span{font:10px ui-monospace,monospace;color:#9a7a9b}.quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quest-card{border:1px solid #d9cedd;border-radius:16px;padding:18px;background:#fff9;display:flex;flex-direction:column;gap:10px}.quest-card h4{font-size:13px;margin:0;color:#745a7d}.quest-card p{font-size:10px;line-height:1.7;color:#8e7c96;min-height:35px}.quest-card progress{width:100%;height:7px;border:0;accent-color:#ac4775}.quest-card small{color:#92769c;font-size:9px}.quest-card button{margin-top:auto;min-height:36px;font-size:10px}.quest-card.complete{border-color:#b5769e}.quest-card.claimed{background:#ebe9ee}
.ranking-scopes,.collection-tabs,.shelf-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 17px}.ranking-scopes button,.collection-tabs button,.shelf-filters button{border:1px solid #d8cadf;background:#f5f0f6;border-radius:20px;color:#8b6b96;padding:8px 12px;font-size:10px}.ranking-scopes button[aria-pressed=true],.collection-tabs button[aria-pressed=true],.shelf-filters button[aria-pressed=true]{background:#e9d6e3;color:#923e6b;border-color:#c693b2}.ranking-scopes>span{margin-left:auto;color:#8c7b95;font-size:9px}.cup-notice{padding:17px;border:1px solid #d4b8c8;background:#f5e9ec;border-radius:12px;margin:14px 0}.cup-notice p{font-size:11px;line-height:1.7;margin-bottom:10px}.profile-collection,.friends-panel,.device-account{margin-top:28px}.collectibles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collectible{padding:16px;border:1px solid #d8cedc;border-radius:14px;background:#fff8;display:flex;flex-direction:column;gap:10px}.collectible.locked{opacity:.6}.collectible .rarity{font:8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#a6668d}.collectible b{font-size:13px;color:#72597b}.collectible p{font-size:10px;line-height:1.6;min-height:32px;color:#8c7896}.collectible .collectible-symbol{font-size:29px;color:#b85d8d}.collectible button{font-size:9px;padding:8px;min-height:34px;margin-top:auto}.friends-panel>p,.device-account>p{font-size:11px;line-height:1.8;color:#8c7896}.friends-panel>p .text-button{display:inline-flex;margin-left:9px}#friend-form,#account-restore-form{display:flex;gap:9px;margin:15px 0}#friend-form input,#account-restore-form input{min-width:0;flex:1;padding:11px;border:1px solid #d5c9dc;border-radius:10px;background:#fffcff;color:#735e80;font:16px ui-sans-serif,system-ui,sans-serif}.friend-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #e1d8e5}.friend-row .friend-copy{flex:1;min-width:0}.friend-copy b{font-size:12px;display:block;color:#7d5e86}.friend-copy small{font-size:9px;line-height:1.6;color:#a18caa}.friend-row button{font-size:9px;padding:7px;min-height:32px}.device-account{padding:20px;border:1px solid #dac9de;border-radius:14px;background:#f6eef8}#account-code-output{display:block;font:12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;color:#9c4677;margin:12px 0;user-select:all}#account-status{font-size:11px;color:#8b6a92}
.cartridge-wrap{position:relative;min-width:0}.cartridge-favorite{position:absolute;top:-9px;right:-5px;z-index:4;width:29px;height:29px;border-radius:50%;border:1px solid #cba6bf;background:#fff7fc;color:#ad4677;box-shadow:0 2px 5px #49334222;font-size:17px;padding:0}.cartridge-ghost{position:fixed;z-index:5000;width:114px;height:110px;background:linear-gradient(135deg,#ece8ec,#b2a7b7);border:2px solid #8a7d91;border-radius:7px 7px 3px 3px;box-shadow:0 12px 30px #21182777;color:#725174;display:grid;place-items:center;text-align:center;padding:20px 8px;font:bold 12px ui-monospace,monospace;pointer-events:none;transform:rotate(-7deg)}.shelf-empty{font-size:11px;line-height:1.8;color:#917a99;grid-column:1/-1;padding:20px 0}.shelf-filters{margin:18px 0 22px;gap:5px}.shelf-filters button{font-size:9px;padding:7px 10px}body[data-cartridge=neon] .cartridge-body{background:linear-gradient(130deg,#d2c1db,#a690b1)}body[data-cartridge=holo] .cartridge-body{background:linear-gradient(125deg,#eee8f1,#b9d2d4 32%,#e6b7d0 60%,#bec3de)}body[data-cartridge=champion] .cartridge-body{background:linear-gradient(120deg,#ece0bc,#c5a36c)}
.touch-settings{display:grid;gap:12px;margin:23px 0;padding:18px;border-radius:12px;border:1px solid #d8cbdc;background:#f6f1f7}.touch-settings h3{font-size:18px;color:#7c5d88}.touch-settings label{font-size:12px;line-height:1.5;color:#866e91;display:flex;align-items:center;gap:10px}.touch-settings label output{margin-left:auto}.touch-settings input[type=range]{width:100%;accent-color:#ac4b7b}.touch-settings input[type=checkbox]{accent-color:#a94d7a}.touch-settings p{font-size:10px;color:#9f89a9;line-height:1.7}.dpad{transform:translateX(calc(var(--touch-shift)*-1)) scale(var(--touch-size));transform-origin:center}.action-buttons{transform:translateX(var(--touch-shift)) rotate(-19deg) scale(var(--touch-size))}body[data-handed=left] .game-controls{flex-direction:row-reverse}.cartridge{touch-action:none}
#pocket-exit{position:fixed;top:calc(10px + env(safe-area-inset-top));left:12px;z-index:105;min-height:34px;border:1px solid #66606c;border-radius:18px;background:#49424e;color:#f3e9f2;font-size:11px;padding:8px 13px}body.pocket-mode{overflow:hidden;height:100dvh;background:radial-gradient(ellipse at 50% 20%,#655365,#302d35 75%)}body.pocket-mode .page-header,body.pocket-mode .player-hud,body.pocket-mode .app-navigation,body.pocket-mode footer,body.pocket-mode .collection{display:none!important}body.pocket-mode #view-console{position:fixed;inset:0;display:block;max-width:none;padding:0;margin:0;height:100dvh}body.pocket-mode .console-space{position:absolute;left:50%;top:calc(50% + 12px);width:360px;padding:0 8px;transform:translate(-50%,-50%) scale(var(--pocket-scale));transform-origin:center;margin:0}body.pocket-mode .console-toolbar{margin:0 0 15px;height:34px}body.pocket-mode .console-toolbar .edition{color:#c1b0c2}body.pocket-mode .console-toolbar .icon-button{color:#d8cbdc}body.pocket-mode .desktop-hint{display:none}body.pocket-mode .console-status{color:#c3b4c8;margin-top:16px}body.pocket-mode .mission-banner{position:fixed;left:135px;right:12px;top:calc(10px + env(safe-area-inset-top));width:auto;margin:0;padding:5px 10px;background:#49424e;border-color:#706074;color:#f2e4ef;z-index:100;min-height:34px}body.pocket-mode .mission-banner button,body.pocket-mode .mission-banner small{display:none}body.pocket-mode .mission-banner b{font-size:10px}body.pocket-mode .toast{bottom:20px}body.pocket-mode #help-dialog{max-height:calc(100dvh - 36px)}
@media(max-width:760px){.feature-heading h3{font-size:20px}.quest-grid{grid-template-columns:1fr}.quest-card{padding:15px;display:grid;grid-template-columns:1fr auto;gap:7px 13px}.quest-card p{min-height:0;grid-column:1/-1;font-size:10px}.quest-card progress{grid-column:1/-1}.quest-card small{align-self:center}.quest-card button{min-width:110px;grid-column:2;grid-row:4}.collectibles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.collectible{padding:13px}.collectible b{font-size:12px}.collectible p{font-size:9px;min-height:42px}.collection-tabs button{font-size:9px}.ranking-scopes>span{width:100%;margin:7px 0 0}.segmented{flex-wrap:wrap}.segmented button{padding:8px 10px;font-size:9px}.friends-panel>p,.device-account>p{font-size:10px}.friend-row{flex-wrap:wrap}.friend-row .friend-copy{min-width:100px}.device-account{padding:16px}#account-restore-form{flex-direction:column}.shelf-filters button{font-size:8px}.action-buttons{transform:translateX(var(--touch-shift)) rotate(-19deg) scale(calc(var(--touch-size)*.94))}}
@media(max-width:360px){.action-buttons{transform:translateX(var(--touch-shift)) rotate(-19deg) scale(calc(var(--touch-size)*.84))}}
@media(prefers-reduced-motion:reduce){.cartridge-ghost{transform:none}}