#connection-notice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#1d1a3ab8;-webkit-user-select:none;user-select:none}#connection-notice .connection-notice-box{margin:16px;padding:16px 20px;max-width:320px;text-align:center;background:#2a2550;border:3px solid #ffd34d;box-shadow:4px 4px #000;font:700 14px/1.5 monospace;color:#fff}#connection-notice p{margin:0}#connection-notice button{margin-top:12px;padding:6px 16px;font:700 14px monospace;color:#3a2210;background:#ffd34d;border:2px solid #2a170b;cursor:pointer}#pseudo-dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#07060c73}#pseudo-dialog .pseudo-dialog-frame{position:relative;display:flex;flex-direction:column;gap:10px;width:260px;max-width:calc(100% - 24px);box-sizing:border-box;padding:18px 22px 20px;background:linear-gradient(rgba(120,80,30,.08) 1px,transparent 1px) 0 0 / 100% 4px,radial-gradient(circle at 30% 20%,#f1e2b8,#e2cc94 70%,#d4b97a);border:4px solid #2a170b;box-shadow:inset 0 0 0 4px #7a4a22,inset 0 0 0 6px #b07a3c,inset 0 0 0 8px #3d2412,4px 4px #000;animation:pseudo-dialog-in .16s steps(3) both}#pseudo-dialog .pseudo-dialog-frame:before,#pseudo-dialog .pseudo-dialog-frame:after{content:"";position:absolute;top:-1px;width:6px;height:6px;background:#e8b84a;box-shadow:0 0 0 2px #2a170b}#pseudo-dialog .pseudo-dialog-frame:before{left:-1px}#pseudo-dialog .pseudo-dialog-frame:after{right:-1px}@keyframes pseudo-dialog-in{0%{opacity:0;transform:scale(.92)}}#pseudo-dialog .pseudo-dialog-message{font:700 14px/1.4 monospace;color:#3a2210;text-shadow:1px 1px 0 rgba(255,245,210,.6)}#pseudo-dialog input{padding:6px 8px;font:700 15px monospace;color:#2a170b;background:#fff6dc;border:2px solid #3d2412;box-shadow:inset 2px 2px #00000026;outline:none}#pseudo-dialog input:focus{border-color:#b07a3c;box-shadow:inset 2px 2px #00000026,0 0 0 2px #e8b84a}#pseudo-dialog .pseudo-dialog-submit{align-self:flex-end;padding:6px 16px;font:700 13px monospace;letter-spacing:1px;color:#ffe9a8;background:#5a3418;border:2px solid #2a170b;box-shadow:2px 2px #000;text-shadow:1px 1px 0 #000;cursor:pointer}#pseudo-dialog .pseudo-dialog-submit:active{transform:translate(2px,2px);box-shadow:none}#pseudo-dialog .pseudo-dialog-submit:disabled,#pseudo-dialog input:disabled{opacity:.6;cursor:wait}#pseudo-dialog .pseudo-dialog-error{margin-top:-4px;font:700 12px/1.4 monospace;color:#b3261e;text-shadow:1px 1px 0 rgba(255,245,210,.6)}#pseudo-dialog .pseudo-dialog-error[hidden]{display:none}#booster-opening{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;perspective:1000px;background:radial-gradient(circle at 50% 50%,#1b1730eb,#07060cf7 70%);-webkit-user-select:none;user-select:none;cursor:pointer}#booster-opening .bo-stage{position:absolute;left:0;top:0;width:calc(100% / var(--bo-zoom, 1));height:calc(100% / var(--bo-zoom, 1));transform:scale(var(--bo-zoom, 1));transform-origin:0 0;overflow:hidden}#booster-opening .bo-rays{position:absolute;left:50%;top:50%;width:1600px;height:1600px;margin:-800px 0 0 -800px;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(255,240,170,.35) 0 6deg,transparent 6deg 18deg);animation:bo-spin 6s linear infinite;transition:opacity .4s}#booster-opening .bo-rays.rainbow{background:repeating-conic-gradient(from 0deg,rgba(255,80,80,.45) 0 5deg,transparent 5deg 12deg,rgba(255,210,60,.45) 12deg 17deg,transparent 17deg 24deg,rgba(80,255,140,.45) 24deg 29deg,transparent 29deg 36deg,rgba(80,170,255,.45) 36deg 41deg,transparent 41deg 48deg,rgba(200,90,255,.45) 48deg 53deg,transparent 53deg 60deg)}@keyframes bo-spin{to{transform:rotate(360deg)}}#booster-opening canvas.bo-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}#booster-opening .bo-pack{position:absolute;left:50%;top:50%;width:240px;height:360px;margin:-180px 0 0 -120px;transform-style:preserve-3d}#booster-opening .bo-top,#booster-opening .bo-body{position:absolute;left:0;width:100%;overflow:hidden}#booster-opening .bo-top{top:0;height:34px;transform-origin:8% 100%}#booster-opening .bo-body{top:34px;bottom:0}#booster-opening .bo-foil{position:absolute;left:0;width:100%;height:360px;background:radial-gradient(ellipse 70% 45% at 50% 50%,rgba(255,255,255,.25),transparent 70%),linear-gradient(90deg,rgba(0,0,0,.45),transparent 14%,transparent 86%,rgba(0,0,0,.45)),linear-gradient(165deg,#1d2b8f,#3b4fd6 30%,#8a2ec7 62%,#e0489b)}#booster-opening .bo-top .bo-foil{top:0}#booster-opening .bo-body .bo-foil{top:-34px}#booster-opening .bo-body .bo-foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(100deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px)}#booster-opening .bo-seal{position:absolute;left:0;width:100%;height:26px;background:repeating-linear-gradient(90deg,#ffffff59 0,#ffffff59 3px,#00000040 3px,#00000040 6px),linear-gradient(180deg,#c7c9e6,#8f93c4)}#booster-opening .bo-seal.top{top:0;clip-path:polygon(0 0,100% 0,100% 100%,97% 80%,94% 100%,91% 80%,88% 100%,85% 80%,82% 100%,79% 80%,76% 100%,73% 80%,70% 100%,67% 80%,64% 100%,61% 80%,58% 100%,55% 80%,52% 100%,49% 80%,46% 100%,43% 80%,40% 100%,37% 80%,34% 100%,31% 80%,28% 100%,25% 80%,22% 100%,19% 80%,16% 100%,13% 80%,10% 100%,7% 80%,4% 100%,0 80%)}#booster-opening .bo-seal.bottom{bottom:0;clip-path:polygon(0 20%,4% 0,7% 20%,10% 0,13% 20%,16% 0,19% 20%,22% 0,25% 20%,28% 0,31% 20%,34% 0,37% 20%,40% 0,43% 20%,46% 0,49% 20%,52% 0,55% 20%,58% 0,61% 20%,64% 0,67% 20%,70% 0,73% 20%,76% 0,79% 20%,82% 0,85% 20%,88% 0,91% 20%,94% 0,97% 20%,100% 0,100% 100%,0 100%)}#booster-opening .bo-tearline{position:absolute;top:30px;left:6px;right:6px;border-top:2px dashed rgba(255,255,255,.55)}#booster-opening .bo-logo{position:absolute;left:50%;top:46%;width:190px;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 0 rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(255,220,120,.35))}#booster-opening .bo-sheen{position:absolute;top:-20%;left:-60%;width:50%;height:140%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:bo-sheen 2.2s ease-in-out infinite;mix-blend-mode:screen}@keyframes bo-sheen{0%{left:-60%}60%,to{left:130%}}#booster-opening .booster-card{position:absolute;left:50%;top:50%;width:240px;height:330px;margin:-165px 0 0 -120px;opacity:0;transform-style:preserve-3d}#booster-opening .bo-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;overflow:hidden;backface-visibility:hidden}#booster-opening .bo-face img{width:100%;height:100%;display:block}#booster-opening .bo-badge{position:absolute;top:6px;right:6px;padding:2px 5px;font:700 11px monospace;color:#fff;border:2px solid #000;box-shadow:2px 2px #000;text-shadow:1px 1px 0 #000;opacity:0;backface-visibility:hidden;pointer-events:none}#booster-opening .bo-badge.on{opacity:1}#booster-opening .bo-badge.new{background:#2fb84f}#booster-opening .bo-badge.duplicate{background:#d8323a}#booster-opening .bo-glow{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:18px;box-shadow:0 0 30px 8px #ffe68ccc;opacity:0;transition:opacity .3s}#booster-opening .booster-card.rare .bo-glow{box-shadow:0 0 40px 14px #ff78ffd9,0 0 90px 34px #78dcff80}#booster-opening .booster-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:700 12px monospace;letter-spacing:2px;color:#ffd34d;opacity:0}#booster-opening .booster-hint.on{opacity:1;animation:bo-blink 1s steps(2) infinite}@keyframes bo-blink{50%{opacity:.2}}#booster-opening .booster-counter{position:absolute;top:12px;left:14px;font:700 12px monospace;color:#fff;text-shadow:2px 2px 0 #000}#booster-opening .bo-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}#npc-dialogue{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;-webkit-user-select:none;user-select:none}#npc-dialogue .npc-dialogue-stage{position:absolute;left:0;top:0;width:calc(100% / var(--dialogue-zoom, 1));height:calc(100% / var(--dialogue-zoom, 1));transform:scale(var(--dialogue-zoom, 1));transform-origin:0 0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;box-sizing:border-box}#npc-dialogue .npc-dialogue-box{position:relative;width:min(620px,calc(100% - 24px));min-height:178px;box-sizing:border-box;padding:18px 20px 26px 156px;background:linear-gradient(rgba(120,80,30,.08) 1px,transparent 1px) 0 0 / 100% 4px,radial-gradient(circle at 30% 20%,#f1e2b8,#e2cc94 70%,#d4b97a);border:4px solid #2a170b;box-shadow:inset 0 0 0 4px #7a4a22,inset 0 0 0 6px #b07a3c,inset 0 0 0 8px #3d2412,4px 4px #000;image-rendering:pixelated;animation:npc-dialogue-in .18s steps(3) both}#npc-dialogue .npc-dialogue-box:before,#npc-dialogue .npc-dialogue-box:after{content:"";position:absolute;width:6px;height:6px;background:#e8b84a;box-shadow:0 0 0 2px #2a170b;top:-1px}#npc-dialogue .npc-dialogue-box:before{left:-1px}#npc-dialogue .npc-dialogue-box:after{right:-1px}@keyframes npc-dialogue-in{0%{opacity:0;transform:translateY(12px)}}#npc-dialogue .npc-dialogue-portrait{position:absolute;left:16px;top:16px;width:120px}#npc-dialogue .npc-dialogue-portrait img{display:block;width:120px;height:114px;image-rendering:pixelated;border:3px solid #2a170b;box-shadow:inset 0 0 0 2px #b07a3c,3px 3px #00000073;box-sizing:content-box;background:#3d2412}#npc-dialogue .npc-dialogue-name{margin-top:4px;padding:2px 0;text-align:center;font:700 12px monospace;letter-spacing:2px;color:#ffe9a8;background:#5a3418;border:2px solid #2a170b;text-shadow:1px 1px 0 #000}#npc-dialogue .npc-dialogue-text{margin:0;font:700 13px/1.55 monospace;color:#3a2210;text-shadow:1px 1px 0 rgba(255,245,210,.6)}#npc-dialogue .npc-dialogue-hint{position:absolute;right:10px;bottom:5px;padding:4px;border:none;background:none;cursor:pointer;font:700 10px monospace;letter-spacing:1px;color:#6b3f18;animation:npc-dialogue-blink 1s steps(2) infinite}@keyframes npc-dialogue-blink{50%{opacity:0}}#collection-binder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;background:#07060c99;-webkit-user-select:none;user-select:none;font:700 12px monospace}#collection-binder .binder-stage{position:absolute;left:0;top:0;width:calc(100% / var(--binder-zoom, 1));height:calc(100% / var(--binder-zoom, 1));transform:scale(var(--binder-zoom, 1));transform-origin:0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}#collection-binder .binder-tabs{display:flex;gap:3px;align-items:flex-start;height:36px;max-width:calc(100% - 60px);overflow:hidden}#collection-binder .binder-tab{height:30px;min-width:30px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2px solid #000;border-top:none;background:#2a2550;color:#c7c9e6;cursor:pointer;white-space:nowrap}#collection-binder .binder-tab img{height:20px;max-width:34px;object-fit:contain}#collection-binder .binder-tab.on{height:36px;background:#ffd34d;color:#1a1530}#collection-binder .binder-tab.on img{height:28px;max-width:70px}#collection-binder .binder-close{position:absolute;right:14px;top:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:2px solid #000;box-shadow:2px 2px #000;background:#2a2550;color:#ffd34d;cursor:pointer}#collection-binder .binder-book{display:flex;align-items:stretch;border:3px solid #000;box-shadow:4px 4px #000;background:#1d1a3a;background-image:linear-gradient(135deg,rgba(138,156,255,.12),transparent 40%,rgba(200,90,255,.1))}#collection-binder .binder-prev,#collection-binder .binder-next{width:26px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ffd34d;background:#141228;cursor:pointer}#collection-binder .binder-prev:hover,#collection-binder .binder-next:hover{background:#221e44}#collection-binder .binder-pages{position:relative;display:flex;gap:6px;padding:6px 4px;perspective:1400px}#collection-binder .binder-page{display:grid;grid-template-columns:repeat(3,76px);grid-template-rows:repeat(4,106px);gap:5px;padding:7px;background:#2a2550;box-shadow:inset 0 0 0 2px #3d3770}#collection-binder .binder-slot{position:relative;border:2px solid #000;background:#3a3468}#collection-binder .binder-slot img{width:100%;height:100%;display:block;object-fit:cover}#collection-binder .binder-slot.empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#ffffff14,#fff0 50%),#24204a}#collection-binder .binder-slot.empty span{color:#5c5694}#collection-binder .binder-slot.drawn{outline:3px solid #ffd34d;box-shadow:0 0 14px 4px #ffd34dcc;animation:binder-drawn 1s steps(4) infinite alternate;z-index:1}@keyframes binder-drawn{to{box-shadow:0 0 22px 8px #ffd34df2}}#collection-binder .binder-badge{position:absolute;top:3px;right:3px;padding:1px 4px;font:700 10px monospace;color:#fff;background:#d8323a;border:2px solid #000;box-shadow:2px 2px #000;text-shadow:1px 1px 0 #000}#collection-binder .binder-leaf{position:absolute;transform-style:preserve-3d;z-index:5}#collection-binder .binder-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}#collection-binder .binder-face.back{transform:rotateY(180deg)}#collection-binder .binder-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#000;opacity:0}#collection-binder .binder-foot{margin-top:4px;width:600px;max-width:calc(100% - 20px);display:flex;justify-content:space-between;gap:10px;color:#fff;text-shadow:2px 2px 0 #000}#collection-binder .binder-close.cursor,#collection-binder .binder-tab.cursor,#collection-binder .binder-slot.cursor,#collection-binder .binder-slot.drawn.cursor{outline:3px solid #fff;outline-offset:2px;animation:binder-cursor .8s steps(2) infinite;z-index:2}@keyframes binder-cursor{50%{outline-color:#5ee6ff}}#collection-binder .binder-pages>.binder-page>.binder-slot:has(img){cursor:zoom-in}#collection-binder .binder-zoom-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#07060cbf;cursor:zoom-out}#collection-binder .binder-zoomed{position:absolute;z-index:11;border:3px solid #000;box-shadow:6px 6px #000;image-rendering:auto;cursor:zoom-out}#game-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;background:#07060c73;-webkit-user-select:none;user-select:none}#game-menu .game-menu-stage{position:absolute;left:0;top:0;width:calc(100% / var(--menu-zoom, 1));height:calc(100% / var(--menu-zoom, 1));transform:scale(var(--menu-zoom, 1));transform-origin:0 0;display:flex;align-items:center;justify-content:center}#game-menu .game-menu-frame{position:relative;min-width:220px;max-width:calc(100% - 24px);box-sizing:border-box;padding:16px 22px 18px;background:linear-gradient(rgba(120,80,30,.08) 1px,transparent 1px) 0 0 / 100% 4px,radial-gradient(circle at 30% 20%,#f1e2b8,#e2cc94 70%,#d4b97a);border:4px solid #2a170b;box-shadow:inset 0 0 0 4px #7a4a22,inset 0 0 0 6px #b07a3c,inset 0 0 0 8px #3d2412,4px 4px #000;animation:game-menu-in .16s steps(3) both}#game-menu .game-menu-frame:before,#game-menu .game-menu-frame:after{content:"";position:absolute;top:-1px;width:6px;height:6px;background:#e8b84a;box-shadow:0 0 0 2px #2a170b}#game-menu .game-menu-frame:before{left:-1px}#game-menu .game-menu-frame:after{right:-1px}@keyframes game-menu-in{0%{opacity:0;transform:scale(.92)}}#game-menu .game-menu-title{margin:-2px -6px 10px;padding:3px 0;text-align:center;font:700 12px monospace;letter-spacing:3px;color:#ffe9a8;background:#5a3418;border:2px solid #2a170b;text-shadow:1px 1px 0 #000}#game-menu .game-menu-entries{margin:0;padding:0;list-style:none}#game-menu .game-menu-entry{position:relative;padding:6px 8px 6px 22px;font:700 14px monospace;color:#3a2210;text-shadow:1px 1px 0 rgba(255,245,210,.6);cursor:pointer}#game-menu .game-menu-entry.on{background:#5a34182e}#game-menu .game-menu-entry.on:before{content:"▶";position:absolute;left:6px;color:#6b3f18;animation:game-menu-blink .8s steps(2) infinite}@keyframes game-menu-blink{50%{opacity:0}}#menu-button{position:absolute;right:12px;top:10px;z-index:2;width:46px;height:46px;padding:0;border-radius:50%;border:3px solid #2a170b;background:radial-gradient(circle at 35% 30%,#f1e2b8,#e2cc94 60%,#c9a868);box-shadow:inset 0 0 0 2px #b07a3c,3px 3px #00000073;cursor:pointer;opacity:.92}#menu-button:active{transform:translate(2px,2px);box-shadow:inset 0 0 0 2px #b07a3c,1px 1px #00000073}#menu-button .menu-button-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}#menu-button .menu-button-bars span{width:20px;height:4px;border-radius:1px;background:#3d2412}#touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch-controls .touch-stick-zone{position:absolute;left:0;top:56px;bottom:0;width:50%;z-index:2;pointer-events:auto;touch-action:none}#touch-controls .touch-stick-base{position:absolute;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:#1d1a3a59;border:3px solid rgba(255,211,77,.7);box-shadow:0 0 0 2px #00000059;display:none}#touch-controls .touch-stick-base.is-active{display:block}#touch-controls .touch-stick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#ffd34d 55%,#c99a1e);border:3px solid #2a170b;transform:translate(-50%,-50%)}#touch-controls .touch-action{position:absolute;right:calc(24px + env(safe-area-inset-right));bottom:calc(32px + env(safe-area-inset-bottom));width:72px;height:72px;z-index:4;border-radius:50%;border:3px solid #2a170b;background:radial-gradient(circle at 35% 30%,#ffe9a8,#ffd34d 55%,#c99a1e);box-shadow:3px 3px #00000073;font:700 28px monospace;color:#3a2210;pointer-events:auto;touch-action:none;opacity:.85}#touch-controls .touch-action.is-pressed{transform:translate(2px,2px);box-shadow:1px 1px #00000073}