.px-root{min-height:100vh;background:#12122a;color:#e8e8f0;font-family:ui-monospace,Menlo,monospace;padding:10px 8px 40px;image-rendering:pixelated}.px-font{font-family:"Press Start 2P",monospace}.px-title{font-family:"Press Start 2P",monospace;text-align:center;font-size:clamp(13px,3.8vw,20px);color:#f0c33c;text-shadow:2px 2px 0 #7a3b10,4px 4px 0 #000;margin:8px 0 4px;letter-spacing:1px}.px-sub{font-family:"Press Start 2P",monospace;text-align:center;color:#8f8fb8;font-size:8px;margin-bottom:12px;line-height:1.8}.px-panel{background:#1a1c3a;border:3px solid #e8e8f0;border-radius:2px;box-shadow:0 0 0 3px #12122a,4px 4px 0 3px #000;padding:10px;margin:0 auto 14px;max-width:520px}.px-btn{font-family:"Press Start 2P",monospace;font-size:9px;background:#26284f;border:3px solid #e8e8f0;color:#e8e8f0;padding:11px 12px;cursor:pointer;box-shadow:3px 3px #000;text-align:left;line-height:1.5;min-height:44px}.px-btn:hover{background:#3a3d78;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.px-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.px-btn:focus-visible{outline:3px solid #f0c33c;outline-offset:2px}.px-btn.gold{background:#7a5a10;border-color:#f0c33c;color:#ffe9a8}.px-btn.red{background:#6e1f1f;border-color:#e64a4a;color:#ffd9d9}.px-btn.done{opacity:.35;pointer-events:none;text-decoration:line-through}.px-btn:disabled{opacity:.35;cursor:default}.chiprow{display:flex;gap:8px;flex-wrap:wrap}.px-tag{font-family:"Press Start 2P",monospace;font-size:7px;color:#8f8fb8;letter-spacing:1px;margin-bottom:6px}.logbox{font-size:11px;line-height:1.6;color:#c8c8dd;max-height:130px;overflow-y:auto}.logline{padding:2px 0;border-bottom:1px dashed #2c2e58}.mapwrap{position:relative;max-width:440px;margin:0 auto 12px}.mapwrap canvas{width:100%;height:auto;display:block;border:3px solid #8a7a56;box-shadow:0 0 0 3px #12122a,4px 4px 0 3px #000;background:#20361f}@media(prefers-reduced-motion:no-preference){.blink{animation:pxblink 1s steps(1) infinite}@keyframes pxblink{50%{opacity:.25}}.winpulse{animation:pxwin 1.2s steps(3) infinite}@keyframes pxwin{50%{transform:scale(1.06)}}}.jfan{display:flex;gap:12px;justify-content:center;align-items:flex-start;perspective:900px;flex-wrap:wrap}.jcard{width:132px;min-height:196px;background:none;border:none;padding:0;cursor:pointer;transform:rotate(var(--tilt,0deg));transition:transform .25s ease,opacity .3s ease,filter .3s ease}.jcard-inner{position:relative;display:block;width:100%;min-height:196px;transform-style:preserve-3d;animation:jflip .55s ease both;animation-delay:inherit}@keyframes jflip{0%{transform:rotateY(180deg) translateY(14px)}to{transform:rotateY(0) translateY(0)}}.jface{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;border:3px solid #e8e8f0;background:#1a1c3a;box-shadow:3px 3px #000;padding:8px 7px}.jback{transform:rotateY(180deg);justify-content:center;background:repeating-linear-gradient(45deg,#26284f 0 8px,#1a1c3a 8px 16px);border-color:#8a7a56}.jback-sigil{font-size:34px;filter:grayscale(1) brightness(1.4)}.jfront{gap:5px}.jcard.rare .jfront{border-color:#f0c33c;box-shadow:3px 3px #000,0 0 12px #f0c33c55}.jrarity{font-family:"Press Start 2P",monospace;font-size:6px;color:#8f8fb8;letter-spacing:1px}.jcard.rare .jrarity{color:#f0c33c}.jicon{background:#0d0e20;border:2px solid #2c2e58;padding:6px}.jname{font-family:"Press Start 2P",monospace;font-size:8px;color:#ffe9a8;line-height:1.5}.jblurb{font-size:10px;line-height:1.45;color:#c8c8dd}.jonce{font-family:"Press Start 2P",monospace;font-size:6px;color:#e64a4a;letter-spacing:1px}@media(prefers-reduced-motion:no-preference){.jcard:hover{transform:rotate(var(--tilt,0deg)) translateY(-6px)}.jcard.inspect{transform:rotate(0) translateY(-12px) scale(1.12);z-index:3}.jcard.inspect .jface{outline:3px solid #f0c33c;outline-offset:2px}.jcard.dim{transform:rotate(var(--tilt,0deg)) scale(.92);opacity:.45;filter:grayscale(.6)}.jcard.chosen{transform:rotate(0) translateY(-14px) scale(1.16);animation:jchosen .75s steps(3) both}@keyframes jchosen{0%{filter:brightness(1)}40%{filter:brightness(1.9) drop-shadow(0 0 14px #f0c33c)}to{filter:brightness(1.15)}}.jcard.burn{animation:jburn .7s ease both;pointer-events:none}@keyframes jburn{0%{opacity:1}to{opacity:0;transform:rotate(var(--tilt,0deg)) translateY(46px) scale(.7);filter:sepia(1) brightness(.4)}}}.jcard.inspect .jface,.jcard.chosen .jface{border-color:#f0c33c}.jbadge{display:inline-flex;align-items:center;gap:5px;border:2px solid #3a3d78;background:#0d0e20;padding:2px 6px 2px 2px;font-family:"Press Start 2P",monospace;font-size:6px;color:#ffe9a8}.jbadge.spent{opacity:.4;filter:grayscale(1);text-decoration:line-through}.tooltip-host{position:relative}.tooltip-host .tip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;width:230px;background:#0d0e20;border:3px solid #f0c33c;padding:8px;font-size:10px;line-height:1.6;color:#ffe9a8;box-shadow:4px 4px #000;font-family:ui-monospace,Menlo,monospace}.tooltip-host:hover .tip,.tooltip-host:focus-within .tip{display:block}input.px-in{background:#0d0e20;border:3px solid #e8e8f0;color:#e8e8f0;padding:9px;font-size:13px;width:100%;font-family:ui-monospace,Menlo,monospace}