/* The casing is the client's exact concept PNG. Only the LCD and controls are live. */
body{--unit-width:min(1254px,calc(100vw - 24px));--px:calc(var(--unit-width)/1254);display:grid;place-items:center;min-height:100svh;padding:12px;overflow-x:hidden;background:radial-gradient(ellipse at 50% 50%,#281743 0%,#0d1020 57%,#080b13 100%)}body:before{background:none}
.device-shell{position:relative;isolation:isolate;width:var(--unit-width);height:auto;aspect-ratio:1254/680;min-height:0;max-width:none;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}.device-shell:before,.device-shell:after{display:none}.console-skin,.lcd-skin,.deck-skin{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;overflow:hidden}.console-skin{z-index:0}.lcd-skin{z-index:0}.deck-skin{display:none}.console-grip{display:contents}.shoulder-light,.speaker-holes,.grip-texture,.top-indicator{display:none}
.topbar,.direction-pad,.action-controls,.console-deck,.device-screen,.audio-controls,.console-deck nav,.power-group{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);min-height:0;min-width:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;transform:none;flex:none}
.topbar{z-index:4;display:block}.brand{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;font-size:0}.brand-icon,.brand small{display:none}.direction-pad,.action-controls{z-index:4}.direction-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0}.direction-pad button,.scan-button,.back-button,.console-deck nav button,.audio-toggle,.power-button{display:block;min-width:0;min-height:0;margin:0;padding:0;border:0;box-shadow:none;background:none;color:transparent;font-size:0;line-height:0;transform:none;opacity:1;cursor:pointer;touch-action:manipulation}.direction-pad button{width:100%;height:100%;border-radius:12%}.pad-up{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.pad-home{grid-column:2;grid-row:2}.pad-right{grid-column:3;grid-row:2}.pad-down{grid-column:2;grid-row:3}.scan-button,.back-button{position:absolute;border-radius:50%}.scan-button{right:0;bottom:0;width:52%;height:53%}.back-button{left:0;top:0;width:55%;height:56%}.direction-pad button:hover,.scan-button:hover,.back-button:hover{background:#80e9ff0b}.direction-pad button:active,.scan-button:active,.back-button:active{background:#b58af52b}.direction-pad button:focus-visible,.scan-button:focus-visible,.back-button:focus-visible{outline:2px solid #95e9ff;outline-offset:1px}
.device-screen{z-index:2;overflow:hidden;border-radius:calc(16 * var(--px));background:#081122;display:block}.device-screen:before{display:none}#screen-contents{position:relative;z-index:1;width:100%;height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:transparent}.screen-scroll{position:relative;flex:1;min-height:0;overflow:hidden;padding:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#557689 #081122}.screen-topline,.status-strip{display:none}.hero{position:absolute;inset:0;display:block;min-height:0;height:100%;padding:0;margin:0}.feature-console,.screen-bezel,.holo-display{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.feature-console:before,.feature-console:after{display:none}.screen-header,.featured-record .eyebrow,.display-grid,.screen-corner,.scan-line,.display-caption>span:first-child{display:none}.featured-record{position:absolute;inset:0;padding:0;margin:0;pointer-events:none;z-index:3}.featured-record>div:first-child{position:absolute;left:4.52%;top:3.4%;max-width:65%;padding:0}.featured-record h2{font:700 calc(31 * var(--px)) / 1.15 'Manrope',Arial,sans-serif;letter-spacing:calc(2 * var(--px));margin:0;padding:0;color:#c9eef7;background:linear-gradient(90deg,#0a1326,#0d182c);min-width:calc(130 * var(--px));white-space:nowrap}.featured-record #featured-type{position:absolute;right:3.5%;top:3.1%;background:#0b1528;border-radius:calc(6 * var(--px))}.featured-record .type-pill{font:calc(12 * var(--px)) var(--mono);letter-spacing:calc(2 * var(--px));padding:calc(6 * var(--px)) calc(12 * var(--px));border:1px solid #ba8cea;background:#2b1e3e;color:#d6b3ff;gap:calc(5 * var(--px));border-radius:calc(6 * var(--px))}.featured-record .type-dot{width:calc(5 * var(--px));height:calc(5 * var(--px));border-radius:50%;transform:none}
.feature-image-frame{position:absolute;left:20.84%;top:11.95%;width:58.48%;height:83.42%;min-width:0;min-height:0;max-width:none;max-height:none;padding:0;margin:0;aspect-ratio:auto;background:#13182e;border:0;border-radius:0;box-shadow:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 24 * var(--px)),calc(100% - 24 * var(--px)) 100%,0 100%);z-index:2;overflow:hidden;cursor:pointer}.feature-image-frame img{display:block;width:100%;height:100%;object-fit:cover}.feature-image-frame:hover{filter:brightness(1.03)}.feature-image-frame:focus-visible{outline:2px solid #aeedff;outline-offset:-3px}.display-caption{position:absolute;inset:0;padding:0;margin:0;border:0;background:none;pointer-events:none;font:calc(12 * var(--px)) var(--mono);letter-spacing:calc(2 * var(--px));color:#98d9eb}.display-caption #featured-stage{position:absolute;right:3.7%;bottom:7.55%;padding:0 0 0 calc(5 * var(--px));background:#0c1a2c;min-width:calc(85 * var(--px));text-align:right;z-index:4}.reference-feature #featured-name,.reference-feature #featured-type,.reference-feature #featured-stage{opacity:0}.archive-jump{display:none}
.console-deck{z-index:5}.audio-controls{display:block;z-index:2}.audio-toggle{position:absolute;top:0;height:100%;width:47%;border-radius:7px}.audio-toggle:first-child{left:0}.audio-toggle:last-child{right:0;width:40%}.audio-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.audio-toggle[aria-pressed="false"]:after{content:'';position:absolute;left:51%;right:12%;top:30%;bottom:28%;border-radius:8px;background:#131320;box-shadow:inset 0 1px 2px #000a}.audio-toggle[aria-pressed="false"]:before{content:'';position:absolute;z-index:2;left:55%;width:11%;top:36%;bottom:33%;border-radius:50%;background:#72688a;box-shadow:0 0 2px #998aad55}.audio-toggle:last-child[aria-pressed="false"]:after{left:46%;right:13%}.audio-toggle:last-child[aria-pressed="false"]:before{left:50%}.audio-toggle:focus-visible{outline:2px solid #a5efff;outline-offset:1px}.console-deck nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5%;z-index:2}.console-deck nav button{position:relative;width:100%;height:100%;border-radius:calc(7 * var(--px));font-size:0;white-space:nowrap}.console-deck nav button[data-view="dex"]:not(.active){background:#080a144a;backdrop-filter:saturate(.35) brightness(.7)}.console-deck nav button.active:not([data-view="dex"]){background:#b684ff28;box-shadow:inset 0 0 0 1px #b390db88,0 0 9px #b490e74d;backdrop-filter:brightness(1.13)}.console-deck nav button:hover{background:#d3c0ff0a}.console-deck nav button:focus-visible{outline:2px solid #a5efff;outline-offset:1px}.power-group{z-index:3;display:block}.unit-lights{display:none}.power-button{position:absolute;inset:0;width:100%;height:100%;border-radius:6px}.power-button svg{display:none}.power-button[aria-pressed="true"]{background:#080a1466;backdrop-filter:brightness(.3) saturate(.2)}.power-button:focus-visible{outline:1px solid #a5efff;outline-offset:0}
.browsing .lcd-skin{display:none}.browsing #screen-contents{background:linear-gradient(135deg,#10213a,#081222)}.browsing .screen-topline{display:flex;align-items:center;gap:7px;flex:none;min-height:29px;padding:5px 9px;border-bottom:1px solid #4b637e66;color:#b2d3e5;font:8px var(--mono);letter-spacing:.5px}.screen-topline .screen-mode{margin-right:auto}.screen-topline .private{display:none}.expand-button,.viewer-return,.source-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:23px;padding:4px 6px;font:8px var(--mono);color:#add7e6;border:1px solid #4e6c85;border-radius:4px;background:#203653}.expand-button svg{width:11px;height:11px}.browsing .status-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:5px 10px;gap:10px;flex:none;margin:0;border:0;border-bottom:1px solid #35506b66;border-radius:0;background:#0e1c30;box-shadow:none}.status-strip>div{padding-left:8px;gap:2px}.status-strip strong{font:700 14px var(--mono);color:#abd9e5}.status-strip span{font-size:7px}.status-strip .chain-status{grid-column:1/-1;padding:3px 0 0;border:0;gap:7px}.chain-status>div{display:flex;flex-direction:column;gap:2px}.chain-status strong{font-size:7px}.chain-status span{font-size:6px}.chain-status .icon-button{width:25px;height:25px;padding:4px;margin-left:auto;font-size:16px;color:#a2c6d7;border:1px solid #496580;background:#193049}.status-dot{width:4px;height:4px}.browsing .screen-scroll{overflow:auto;padding:0 10px 14px}.notice{display:none}.browsing .notice{display:block;padding:9px;font-size:10px;line-height:1.5;margin:10px 0}.standby-screen{position:absolute;inset:0;z-index:8;border-radius:inherit;background:#060b13;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#4e737d;font:10px var(--mono);letter-spacing:1px}.standby-sigil{font:700 38px var(--mono);color:#1c3e4b}.standby #screen-contents,.standby .lcd-skin{visibility:hidden}.standby [data-device-control]:disabled{opacity:1;cursor:default}
body.display-expanded{overflow:hidden}.screen-expanded .device-screen{position:fixed;left:12px;right:12px;top:12px;bottom:76px;width:auto;height:auto;max-width:none;border:2px solid #3b425c;border-radius:13px;z-index:20;box-shadow:0 0 0 100vmax #080b14ed}.screen-expanded .console-deck{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;height:auto;aspect-ratio:750/70;min-height:34px;max-height:52px;z-index:30}.screen-expanded .deck-skin{display:block}.screen-expanded .console-deck nav button{border-radius:5px}.screen-expanded .screen-scroll{padding:0 10px 14px;overflow:auto}.screen-expanded .screen-topline{font-size:10px;min-height:35px;gap:9px}.screen-expanded .expand-button,.screen-expanded .viewer-return,.screen-expanded .source-button{font-size:10px;min-height:28px;padding:5px 7px}.screen-expanded .status-strip strong{font-size:17px}.screen-expanded .status-strip span{font-size:8px}.screen-expanded .chain-status strong{font-size:8px}.screen-expanded .chain-status span{font-size:7px}
.view{min-height:0;margin:14px 0 0;padding:16px 7px 20px;border:0;border-top:1px solid #4a627b88;border-radius:0;background:none;box-shadow:none}.section-head{gap:12px;align-items:center;margin-bottom:16px}.section-head h2{font-size:23px;margin-top:6px}.section-head .eyebrow{font-size:8px;letter-spacing:1px}.field-note{display:none}.controls{gap:10px}.type-filters{padding:3px;gap:3px;background:#0c1726;border-color:#405970;border-radius:5px}.type-filters button{font-size:9px;padding:8px 9px;min-height:33px}.type-filters button.active{background:linear-gradient(#425479,#2c405e);color:#e5edff}.secondary-controls{flex:1;gap:7px;flex-wrap:wrap;justify-content:flex-end}.secondary-controls .searchbox{flex:1;min-width:140px}.searchbox{background:#0a1628;border-color:#47617c}.searchbox input{width:100%;padding:10px 0;font-size:11px}.secondary-controls select{flex:1;min-width:110px;max-width:170px}select{font-size:10px;padding:9px 7px;min-height:35px;background:#182a42;border-color:#465f7a;color:#c1d5e5}option{background:#172940}.results-line{font-size:9px;flex-wrap:wrap;gap:9px;margin:16px 0 13px;color:#93acbf}.results-line label{font-size:10px}.monster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.monster-card{padding:5px;border-radius:5px 10px 5px 10px;background:linear-gradient(145deg,#233850,#132239);border-color:#4d657f;box-shadow:inset 0 1px 0 #bbd7e51c}.monster-card:hover{transform:none;border-color:#9ac8df;box-shadow:inset 0 0 15px #8fceee22}.card-copy{padding:10px 4px 5px}.monster-card strong{font-size:11px;overflow-wrap:anywhere}.card-topline{flex-wrap:wrap;gap:4px}.card-stage{font-size:6px;padding:4px}.type-pill{font-size:8px;padding:4px 6px}.type-dot{width:4px;height:4px}.card-copy>p{font-size:9px;line-height:1.5;color:#93abc3;margin:6px 0 9px}.card-bottom{font-size:8px;color:#9ab5c9;gap:3px;padding-top:8px}.card-bottom b{font-size:11px}.pagination{gap:9px;font-size:10px;margin-top:18px}.pagination button{font-size:10px;padding:10px;border-color:#56738c;background:#223851}.empty{padding:24px 14px;font-size:11px;border-color:#4c647e;background:#142238}.empty strong{font-size:18px}.muted{font-size:11px;line-height:1.7;color:#96aec2}.wallet-form{max-width:100%;padding:6px;margin-top:0;border-color:#577c94;background:#0b1729;box-shadow:inset 0 2px 5px #0007}.wallet-form input{font-size:12px;padding:12px 7px;min-width:0}.wallet-form .primary{font-size:11px;min-height:39px;padding:11px 14px;gap:7px}.trainer-summary{padding:16px;gap:12px;background:linear-gradient(110deg,#263654,#14394d);border-color:#587b93}.trainer-summary h3{font-size:17px}.trainer-summary .mono{font-size:10px;line-height:1.8}.trainer-summary .total{font-size:35px}.trainer-summary .total small{font-size:8px}.trainer-types{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.type-tally{padding:12px 6px;background:#1b2d44;border-color:#4a627c;border-radius:5px}.type-tally strong{font-size:23px}.trainer-species{gap:6px}.trainer-species button{padding:8px 10px;font-size:10px;background:#1c2f49;border-color:#476481}.trainer-species button.active{background:#38577c}.trainer-tools .muted{font-size:10px}.outline{font-size:10px;padding:9px 11px;min-height:34px;background:#263d57;border-color:#5c7994;color:#c6ddeb}.ledger-controls{gap:7px}.ledger-controls .searchbox{flex:1;min-width:180px}.ledger-controls select{flex:1;min-width:130px;max-width:100%}.table-wrap{max-width:100%;border-color:#46627b;border-radius:5px;background:#0c1b2f;overscroll-behavior:contain}.table-wrap table{font-size:11px;min-width:580px}th,td{padding:13px;border-color:#2f465f}th{font-size:9px;background:#23384f}.table-address,.table-monster strong,.inline-link{font-size:11px}.table-count{font-size:14px}.table-monster img{width:34px;height:34px}.table-empty td{font-size:11px}

dialog{position:fixed;z-index:25;margin:0;min-width:0;max-width:none;max-height:none;padding:15px;border:1px solid #608498;border-radius:12px;background:linear-gradient(145deg,#1d304c,#0c1729 65%);box-shadow:inset 0 1px 0 #92c4d333;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4d6b81 #10192a}dialog::backdrop{background:none;backdrop-filter:none}.dialog-top{position:sticky;top:-15px;z-index:5;margin:-1px 0 15px;padding:8px 0;background:#1a2b43;border-bottom:1px solid #546e87;gap:7px}.dialog-top .eyebrow{font-size:9px;letter-spacing:.7px}.dialog-top .icon-button{min-height:32px;min-width:32px;padding:6px;font-size:22px;background:#243e58;border:1px solid #627c92;color:#cdf2f5}.detail-layout{display:grid;grid-template-columns:minmax(150px,.8fr) 1.2fr;gap:20px}.detail-art{max-width:300px;margin:0}.detail-art img{border-radius:5px 12px 5px 12px}.source-label{font-size:8px;line-height:1.7;color:#87a3b8;margin-top:9px;overflow-wrap:anywhere}.detail-info h2{font-size:26px;line-height:1.15;letter-spacing:-.6px;margin:0 0 12px}.detail-info p{font-size:11px;line-height:1.7;color:#a4bbcf}.detail-chips{gap:7px;margin-bottom:12px}.stage-chip{font-size:9px}.facts{margin:15px 0}.fact{grid-template-columns:85px minmax(0,1fr);gap:9px;padding:9px 0;font-size:10px;border-color:#3e5871}.fact>span:first-child{color:#91abc1}.fact strong{color:#c9dded}.fact .mono{font-size:9px}.detail-links{gap:7px}.detail-subhead{font-size:13px;margin:22px 0 12px;color:#c0d8eb}.detail-subhead .muted{font-size:10px}.evolution-strip{gap:9px}.evolution-strip button{width:100px;min-width:100px;padding:5px;background:#1b3049;border-color:#4d6885}.evolution-strip strong{font-size:9px}.evolution-strip span{font-size:8px}.token-list{gap:7px;max-height:160px}.token-list button{font-size:10px;padding:8px}.trait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trait{padding:10px;font-size:11px;background:#1d334d;border-color:#4d6a83;border-radius:4px}.trait span{font-size:8px;letter-spacing:.5px}.trait strong{color:#c5dfef}.json-box{font-size:10px;line-height:1.7;padding:13px;background:#091629;border-color:#3e5c77;max-height:250px}.token-verify{font-size:10px;line-height:1.7;margin:13px 0;padding:10px;background:#123044;border-color:#3d6e87}.mono{font-size:11px}.provenance h2{font-size:23px}.provenance p{font-size:12px;line-height:1.8;color:#a4bbcd}.provenance .mono{font-size:10px}.toast{z-index:40;font-size:12px;max-width:calc(100% - 32px)}
.view{margin:0;padding:14px 3px 18px;border-top:0}.monster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{display:block}.detail-art{max-width:240px;margin:0 auto 14px}dialog{z-index:40}.toast{z-index:50}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}