:root{color-scheme:dark;--black:#0b0b0b;--panel:#161616;--line:#ffffff24;--muted:#979797;--white:#f4f4f1;--yellow:#ffe100;--blue:#0737ff;--pink:#ef0150;--font:'Space Grotesk','Helvetica Neue',Arial,sans-serif;--mono:'Silkscreen',monospace;--pixel:'Pixelify Sans',monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;background:var(--black);color:var(--white)}body{font:16px/1.5 var(--font);overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button,a{touch-action:manipulation}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}a{color:inherit;text-decoration:none}button{padding:0}button,a{transition:color .2s,background .2s,transform .2s}canvas{image-rendering:pixelated;filter:none;mix-blend-mode:normal}img{max-width:100%}[hidden]{display:none!important}.mono{font:12px/1.5 var(--mono);letter-spacing:0}.muted{color:var(--muted)}.yellow{color:var(--yellow)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;z-index:1000;top:-100px;left:20px;background:var(--yellow);color:#111;padding:16px}.skip:focus{top:10px}
.header{height:94px;padding:0 36px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:25;background:var(--black)}.brand{width:136px;display:flex;align-items:center}.logo{width:100%;height:auto;display:block;image-rendering:pixelated}.header nav{display:flex;align-items:center;gap:30px}.view-switch{display:flex;align-items:center;background:#1d1d1d;padding:4px;border-radius:30px}.nav-link{font:14px/1.3 var(--font);padding:12px 21px;white-space:nowrap;color:#aaa}.nav-link:hover{color:#fff}.view-switch .nav-link{border-radius:25px}.view-switch .nav-link.active{background:#f4f4f1;color:#080808}.play-link{color:white;padding-left:0;padding-right:0}.pixel-mark{font-family:var(--pixel);font-size:23px;color:var(--yellow);margin-left:6px;vertical-align:-2px}.header-actions{justify-self:end;display:flex;align-items:center;gap:24px}.lore-link{padding:10px 0}.team-button{font-size:14px;display:flex;align-items:center;gap:14px;padding:10px 0;color:white}.team-button span{border:1px solid #535353;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font:12px var(--mono)}.team-button:hover span{background:var(--yellow);color:black;border-color:var(--yellow)}
.world{position:relative;height:calc(100dvh - 138px);min-height:440px;isolation:isolate;overflow:hidden}.world-canvas-wrap{position:absolute;inset:0;overflow:hidden}.world-canvas-wrap>canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-3px}.world-landmark{position:absolute;top:50%;left:50%;width:510px;pointer-events:none;text-align:center;transform-origin:center;will-change:transform}.landmark-kicker{color:#8d8d8d;margin:0 0 10px;font-size:12px}.world-landmark h1{font-family:var(--font);font-size:154px;line-height:1;letter-spacing:-.09em;font-weight:500;margin:0;position:relative;padding-right:15px}.pixel-period{position:absolute;right:23px;top:4px;font:32px/1 var(--pixel);color:var(--yellow);animation:turn-pixel 16s steps(4) infinite}.landmark-sub{font-size:23px;letter-spacing:-.04em;margin:13px 0 26px;color:#eee}.landmark-sub em{font:29px/1 var(--pixel);font-style:normal;color:var(--yellow)}.landmark-instruction{color:#666;font-size:12px}.world-heading{position:absolute;left:36px;top:24px;pointer-events:none;background:#0b0b0bcc;box-shadow:0 0 25px 15px #0b0b0bcc}.world-heading>.mono{color:#898989}.world-heading p{font-size:17px;letter-spacing:-.03em;margin:4px 0;color:#c8c8c8}.world-heading b{font-weight:500;color:white}.world-actions{position:absolute;right:36px;top:24px;display:flex;align-items:center;gap:25px;background:#0b0b0bee;box-shadow:0 0 25px 15px #0b0b0bcc}.encounter-button{display:flex;gap:14px;align-items:center;font-size:16px;text-align:left}.encounter-icon{display:grid;place-items:center;border:1px solid #666;width:44px;height:44px;border-radius:50%;font:28px var(--pixel);color:var(--yellow);transition:transform .4s,background .2s}.encounter-button small{display:block;font-size:12px;color:#727272;margin-top:4px}.encounter-button:hover .encounter-icon{transform:rotate(90deg);background:var(--yellow);color:#111;border-color:var(--yellow)}.quiet-button{font-size:14px;padding:9px 0;color:#b0b0b0}.quiet-button:hover{color:#fff}.quiet-button i{font:20px var(--pixel);font-style:normal;vertical-align:-2px;margin-left:7px}.world-wayfinding{position:absolute;bottom:42px;left:36px;display:flex;gap:18px;align-items:center;background:#0b0b0be8;box-shadow:0 0 24px 14px #0b0b0be8}.world-wayfinding canvas{width:76px;height:52px;display:block;cursor:crosshair;border:1px solid #555}.world-wayfinding .quiet-button{display:block;padding:0 0 7px;color:#d0d0d0}.world-wayfinding .mono{font-size:12px;color:#626262}.touch-hint{display:none}.world-zoom{position:absolute;right:36px;bottom:53px;display:flex;align-items:center;gap:18px;background:#171717;border:1px solid #404040;border-radius:28px;padding:2px 8px}.world-zoom button{font:24px/1 var(--font);width:36px;height:40px;border-radius:50%}.world-zoom button:hover{background:#fff;color:#111}.world-zoom .mono{font-size:12px;min-width:45px;text-align:center;color:#bbb}.world-caption{position:absolute;bottom:12px;left:36px;right:36px;display:flex;justify-content:space-between;pointer-events:none;color:#747474;font-size:12px}.world-caption .mono{font-size:12px}.world-hover{position:absolute;z-index:2;pointer-events:none;transform:translateX(-50%);white-space:nowrap;padding:7px 12px;border-radius:20px;background:#f4f4f1;color:#111;font:14px var(--font);box-shadow:0 4px 20px #0008}.world-empty{position:absolute;inset:40% 10% auto;text-align:center}.world-empty p{font-size:32px}.world-canvas-wrap.dragging .world-hover{display:none}.world-canvas-wrap.dragging~.world-heading{opacity:.35}.world-canvas-wrap.dragging~.world-wayfinding{opacity:.5}
.app-footer{height:44px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:relative;z-index:20;background:#0b0b0b;color:#777;font-size:12px}.footer-signature{display:flex;gap:14px;align-items:center}.egg-button{font:22px/1 var(--pixel);color:#666}.egg-button:hover{color:var(--yellow);transform:rotate(90deg)}.footer-settings{display:flex;gap:24px;align-items:center}.setting-button{font-size:12px;display:flex;align-items:center;gap:8px;color:#969696;min-height:38px}.setting-button:hover{color:#fff}.equalizer{display:flex;gap:2px;height:14px;align-items:center}.equalizer i{width:2px;height:5px;background:currentColor}.equalizer i:nth-child(2){height:13px}.equalizer i:nth-child(3){height:9px}.sound-on .equalizer i{animation:equalize .5s steps(3) infinite alternate}.equalizer i:nth-child(2){animation-delay:.2s}.equalizer i:nth-child(3){animation-delay:.3s}
.collection-section{height:calc(100dvh - 138px);overflow-y:auto;overscroll-behavior:contain;padding:46px 36px 130px;background:#f0f0ed;color:#111;scrollbar-color:#999 #f0f0ed}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.eyebrow{font:12px/1.5 var(--mono);color:#888;letter-spacing:0}.section-heading .eyebrow{color:#666}.section-heading h2{font:500 clamp(38px,5vw,72px)/1.04 var(--font);letter-spacing:-.065em;margin:12px 0 0}.section-heading h2 span{font-weight:400;color:#858581}.collection-note{font:12px/1.8 var(--font);text-align:right;color:#555}.collection-note .muted{color:#8a8a87}.outline-square{display:none}.toolbar{display:flex;gap:24px;align-items:center;padding:18px 0;border-top:1px solid #c8c8c3;border-bottom:1px solid #c8c8c3}.search{display:flex;gap:12px;align-items:center;flex:1;min-width:150px}.search>span{font:26px var(--font);color:#777}.search input{width:100%;min-width:0;border:0;background:none;color:#111;outline:none;font-size:16px;padding:6px}.search input::placeholder{color:#777}.search kbd{font:12px var(--mono);color:#888}.palette{display:flex;align-items:center;gap:11px}.swatch{width:22px;height:22px;position:relative;background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #0001;flex-shrink:0}.swatch:before{content:'';position:absolute;inset:-7px}.swatch.selected:after{content:'';position:absolute;inset:-4px;border:1px solid #111;border-radius:50%}.swatch.all{font:24px/1 var(--pixel);background:none;box-shadow:none;width:27px;height:27px}.swatch:hover{transform:scale(1.12)}.view-controls{display:flex;gap:18px;padding-left:20px;border-left:1px solid #c8c8c3}.tool-button{font:14px/1.5 var(--font);padding:10px 4px;display:inline-flex;align-items:center;gap:7px;color:inherit}.tool-button:hover{color:#777}#density{font-size:23px}.trait-filters{display:flex;align-items:center;gap:26px;margin:20px 0 8px}.trait-filters label{font-size:14px;display:flex;align-items:center;gap:10px;color:#666}.trait-filters select{background:transparent;color:#111;border:0;border-bottom:1px solid #bbb;padding:8px 20px 8px 0;max-width:240px;font:14px var(--font);cursor:pointer;color-scheme:light}.trait-filters>.mono{margin-left:auto;color:#777;font:12px var(--mono)}.result-line{display:flex;justify-content:space-between;color:#777;font:12px/1.5 var(--font);padding:17px 0}.collection-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:30px 19px}.mon-card{position:relative;min-width:0;animation:card-arrive .35s ease both}.mon-art{display:block;width:100%;padding:0;aspect-ratio:1;background:var(--color);overflow:hidden;position:relative}.mon-art canvas{width:100%;height:100%;display:block}.mon-art:hover{outline:2px solid #111;outline-offset:5px}.card-info{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:10px}.card-id{font:14px/1 var(--font)}.card-trait{color:#999;font-size:12px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-mon{position:absolute;right:7px;top:7px;background:#101010ee;color:white;border:1px solid #ffffff44;width:28px;height:28px;border-radius:50%;font:22px/1 var(--font);opacity:0}.mon-card:hover .add-mon,.add-mon:focus-visible,.add-mon.is-added{opacity:1}.add-mon:hover,.add-mon.is-added{background:var(--yellow);color:black;border-color:var(--yellow)}.collection-grid.dense{grid-template-columns:repeat(16,minmax(0,1fr));gap:6px}.dense .card-info{display:none}.dense .add-mon{width:22px;height:22px;right:3px;top:3px;font-size:18px}.pagination{display:flex;justify-content:center;align-items:center;gap:35px;margin:35px 0}.pagination .mono{font-size:12px;color:#777}.collection-section .empty{text-align:center;padding:55px 0}.collection-section .empty>span{font:70px var(--pixel)}.collection-section .empty h3{font:36px var(--font);letter-spacing:-.04em}.collection-section .empty p{color:#777}.collection-section .button.primary{background:#111;color:white}.index-view .app-footer{background:#f0f0ed;color:#666;border-color:#ccc}.index-view .setting-button{color:#666}
.team-dock{position:fixed;bottom:58px;left:50%;transform:translate(-50%,15px);z-index:30;display:flex;gap:13px;align-items:center;background:#efefeb;color:#111;border-radius:7px;padding:10px 12px;box-shadow:0 10px 40px #0005;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}.has-team .team-dock{opacity:1;visibility:visible;transform:translate(-50%,0)}.dock-label{font-size:14px;line-height:1.2;text-align:left;padding:0 7px}.dock-label .mono{display:block;color:#888;font-size:12px;margin-top:5px}.dock-slots{display:flex;gap:5px}.dock-slot{width:35px;height:35px;padding:0;color:#999;border:1px dashed #bbb;background:#deded9;font:15px var(--font)}.dock-slot.filled{border:0}.dock-slot canvas{display:block;width:100%;height:100%}.dock-slot:hover{outline:1px solid #111;outline-offset:2px}.dock-play{font-size:26px;width:35px;height:35px;color:#111}.dock-play:hover{transform:translate(2px,-2px)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:15px 22px;font:500 16px/1.25 var(--font);border-radius:4px}.primary{background:var(--yellow);color:#111}.primary:hover{background:white}.secondary{border:1px solid #555;color:#ddd;background:transparent}.secondary:hover{border-color:#aaa;background:#222}.text-button{font:14px var(--font);padding:13px 0;color:#aaa}.text-button:hover{color:#fff}dialog{margin:auto;border:0;border-radius:7px;background:#171717;color:white;padding:48px;width:calc(100% - 48px);max-width:790px;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 90px #0008}dialog[open]{animation:dialog-open .35s cubic-bezier(.16,1,.3,1)}dialog::backdrop{background:#0b0b0be8;backdrop-filter:blur(14px)}dialog .close{position:absolute;right:18px;top:18px;z-index:6;background:#111;color:#fff;border:1px solid #fff4;border-radius:50%;width:38px;height:38px;font:28px/1 Arial}dialog .close:hover{background:var(--yellow);color:black;border-color:var(--yellow)}dialog h2{font:500 clamp(38px,4.3vw,62px)/1.05 var(--font);letter-spacing:-.055em;margin:17px 0 18px}.dialog-intro{font:16px/1.6 var(--font);color:#999;max-width:460px;margin:0 0 30px}.detail-dialog{width:calc(100% - 72px);max-width:1240px;padding:0;max-height:calc(100dvh - 56px);overflow:auto;border-radius:0}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:640px}.detail-art{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color);min-width:0;overflow:hidden}.detail-art>canvas{display:block;width:100%;height:auto;aspect-ratio:1;max-width:640px}.preview-tag{position:absolute;bottom:24px;left:24px;color:white;background:#0b0b0b;padding:8px 12px;font:12px var(--mono);max-width:calc(100% - 48px)}.reveal-replay{position:absolute;left:22px;top:22px;font:14px var(--font);background:#0b0b0be8;color:white;border:1px solid #fff6;padding:10px 14px;border-radius:24px}.reveal-replay:hover{background:white;color:#111}.detail-info{padding:58px 40px 32px;background:#f0f0ed;color:#111;display:flex;flex-direction:column}.detail-info>.eyebrow{color:#777;font-size:12px}.detail-info h2{margin:21px 0 24px;line-height:.93;font-weight:400;font-size:clamp(60px,7vw,106px);letter-spacing:-.075em}.detail-info h2 small{display:block;font:500 22px/1.2 var(--font);letter-spacing:-.035em;margin-bottom:7px}.trait-list{margin-bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px 25px}.trait-row{display:flex;flex-direction:column;align-items:flex-start;font:14px/1.4 var(--font);border-bottom:1px solid #cdcdc8;padding-bottom:11px;min-width:0}.trait-row>span{color:#898985;font-size:12px;margin-bottom:6px}.trait-row button{font-size:16px;text-align:left;overflow-wrap:anywhere}.trait-row button:hover{text-decoration:underline;text-underline-offset:4px}.detail-info .button{width:100%;background:#111;color:white;margin-top:auto;min-height:54px}.detail-info .button:hover{background:var(--blue)}.detail-info .button.in-team{background:#dada00;color:#111}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.detail-nav .mono{font-size:12px;color:#8a8a85;text-align:center}.detail-nav .tool-button{font-size:27px;min-width:42px}.detail-dialog .close{background:#111;color:white}.detail-info .in-team{background:var(--yellow)}
.team-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.team-slot{aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px dashed #444;overflow:hidden;background:#1d1d1d}.team-slot.filled{border-color:transparent}.team-slot canvas{width:100%;height:100%;display:block}.slot-empty{width:100%;height:100%;font:38px var(--font);color:#555}.slot-empty:hover{color:white}.team-slot-label{position:absolute;left:8px;bottom:8px;font:12px var(--font);background:#111;color:#fff;padding:4px 7px}.remove-mon{position:absolute;right:7px;top:7px;font:20px Arial;background:#111;color:white;width:27px;height:27px;border-radius:50%}.team-dialog-actions{display:flex;gap:12px}.team-dialog-actions .button{flex:1}.wallet-note{margin-top:28px;border-top:1px solid #393939;padding-top:25px}.wallet-note .mono{font-size:12px;color:#aaa}.wallet-note p{font:14px/1.65 var(--font);color:#808080;margin-bottom:0}.lore-dialog{max-width:700px;padding:56px}.lore-dialog h2{font-size:70px;line-height:.96;margin-top:30px}.lore-dialog p{font:16px/1.7 var(--font);color:#999}.lore-dialog .lore-lead{font-size:24px;line-height:1.3;color:white;letter-spacing:-.025em}.lore-chapter{border-top:1px solid #333;padding-top:24px;margin-top:30px}.lore-chapter .mono{color:#777;font-size:12px}.lore-chapter h3{font:500 32px/1.05 var(--font);letter-spacing:-.04em;margin:18px 0}
.loader{position:fixed;inset:0;z-index:200;background:#0b0b0b;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:clip-path .8s cubic-bezier(.76,0,.24,1);clip-path:inset(0);pointer-events:auto}.loader.finished{clip-path:inset(0 0 100%);pointer-events:none}.loader>.boot-logo{display:block;width:min(65vw,480px)}.boot-top{position:absolute;top:35px;left:36px;right:36px;display:flex;justify-content:space-between;color:#666;font-size:12px}.boot-caption{display:flex;justify-content:space-between;width:min(75vw,480px);margin-top:45px;font-size:18px;color:#bbb}.load-track{width:min(75vw,480px);height:5px;background:#222;margin:20px 0}.load-track>div{width:0;height:100%;background:repeating-linear-gradient(90deg,#ef0150 0 11%,#f47a20 11% 22%,#ffe100 22% 33%,#62dd73 33% 44%,#56e6ea 44% 55%,#0737ff 55% 66%,#a95af2 66% 77%,#ffb2b2 77% 88%,#fff 88% 100%);transition:width .2s steps(4)}.boot-bottom{color:#606060;font-size:12px}.toast{position:fixed;bottom:140px;left:50%;transform:translate(-50%,15px);max-width:min(90vw,550px);width:max-content;background:#f0f0ed;color:#111;padding:13px 20px;border-radius:6px;z-index:250;font:14px/1.5 var(--font);text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 6px 35px #0005}.toast.show{opacity:1;transform:translate(-50%,0)}#fx{position:fixed;inset:0;z-index:190;width:100%;height:100%;pointer-events:none}
#arcadeCursor{position:fixed;left:0;top:0;width:12px;height:12px;border:1px solid #fff;border-radius:50%;pointer-events:none;z-index:500;transform:translate(-100px,-100px);display:none;background:#fff1;box-shadow:0 0 0 1px #111}#arcadeCursor.hot{background:#ffe100;border-color:#ffe100}#cursorLabel{position:absolute;left:20px;top:-5px;background:#f4f4f1;color:#111;white-space:nowrap;font:12px/1 var(--font);padding:7px 10px;border-radius:20px;display:none}#arcadeCursor.over-world #cursorLabel{display:block}.cursor-pixel{position:fixed;pointer-events:none;z-index:499;width:5px;height:5px;animation:pixel-trail .5s steps(6) forwards}.click-pixel{position:fixed;pointer-events:none;z-index:499;width:4px;height:4px;animation:click-spark .45s steps(6) forwards}.interaction-hit{animation:interaction-hit .18s}.interaction-hit canvas{filter:none!important}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}.no-motion #arcadeCursor,.no-motion .cursor-pixel,.no-motion .click-pixel{display:none!important}body.disco .world-heading{color:var(--yellow)}body.disco .pixel-period{color:#ffb2b2;animation-duration:.4s}
@media(pointer:fine){body:not(.no-motion),body:not(.no-motion) button,body:not(.no-motion) a{cursor:none}body:not(.no-motion) #arcadeCursor{display:block}#worldCanvas{cursor:none}.mon-art{cursor:none}}
@keyframes turn-pixel{to{transform:rotate(360deg)}}@keyframes equalize{to{height:3px}}@keyframes pixel-trail{to{opacity:0;transform:translateY(8px) scale(.3)}}@keyframes click-spark{to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes interaction-hit{50%{opacity:.8}}@keyframes dialog-open{from{opacity:0;clip-path:inset(18% 0 18% 0);transform:translateY(15px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes card-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.collection-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.detail-dialog{max-width:1360px}}
@media(max-width:1100px){.header{padding:0 25px;gap:20px}.header-actions{gap:20px}.header nav{gap:20px}.world-heading{left:25px}.world-actions{right:25px;gap:18px}.encounter-button small{display:none}.collection-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.trait-filters{gap:18px;flex-wrap:wrap}.trait-filters>.mono{margin-left:auto}.toolbar{gap:18px}.palette{gap:10px}.swatch{width:20px;height:20px}.view-controls{gap:12px;padding-left:15px}.detail-info{padding:55px 30px 25px}.detail-layout{min-height:590px;grid-template-columns:1.1fr 1fr}.detail-info h2{font-size:8vw}.trait-list{gap:14px 20px}.detail-art>canvas{max-width:100%}.world-wayfinding{left:25px}.world-zoom{right:25px}.world-caption{left:25px;right:25px}}
@media(max-width:760px){.header{height:76px;padding:0 18px;gap:16px;grid-template-columns:auto 1fr auto}.brand{width:101px}.header nav{justify-self:center;gap:16px}.nav-link{font-size:14px;padding:10px 14px}.header .play-link{padding:8px 0}.pixel-mark{margin-left:0}.header-actions{gap:8px}.lore-link{display:none}.team-button{font-size:0;padding:5px}.team-button span{font-size:12px;width:32px;height:32px;border-color:#666}.team-button:before{content:'TEAM';font:12px var(--pixel)}.world{height:calc(100dvh - 120px);min-height:400px}.world-heading{left:18px;top:20px}.world-heading .mono{font-size:12px}.world-heading p{font-size:14px}.world-actions{right:18px;top:20px;gap:8px;align-items:center}.encounter-button{font-size:14px;gap:8px}.encounter-button>span:not(.encounter-icon){display:none}.encounter-icon{width:40px;height:40px;font-size:27px}.world-actions .quiet-button{font-size:12px;padding:8px}.world-actions .quiet-button i{display:none}.world-wayfinding{left:18px;bottom:46px;gap:12px}.world-wayfinding canvas{width:53px;height:38px}.world-wayfinding .quiet-button{font-size:12px;padding:0 0 4px}.world-wayfinding .mono{font-size:12px;max-width:170px;line-height:1.4}.world-zoom{right:18px;bottom:48px;gap:4px;padding:0 4px}.world-zoom button{width:32px;height:35px;font-size:23px}.world-zoom .mono{font-size:12px;min-width:38px}.world-caption{left:18px;right:18px;bottom:10px;font-size:12px}.world-caption .mono{display:none}.app-footer{padding:0 18px}.footer-settings{gap:14px}.setting-button{font-size:12px}.world-landmark{width:510px}.collection-section{height:calc(100dvh - 120px);padding:30px 18px 125px}.section-heading{gap:20px;margin-bottom:24px;align-items:flex-start}.section-heading h2{font-size:44px;max-width:270px}.section-heading h2 span{display:block}.collection-note{max-width:110px;line-height:1.5}.collection-note .muted{display:block;margin-top:6px}.toolbar{flex-wrap:wrap;gap:16px;padding:13px 0}.search{flex-basis:100%;border-bottom:1px solid #ccc;padding-bottom:12px}.palette{gap:11px;flex:1}.swatch{width:20px;height:20px}.view-controls{gap:15px;padding-left:12px}.view-controls .tool-button span{display:none}.trait-filters{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.trait-filters label{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.trait-filters select{width:100%;max-width:100%;min-width:0}.trait-filters>.mono{margin:0;font-size:12px}.trait-filters>.tool-button{justify-self:end;font-size:14px}.result-line{font-size:12px;padding:10px 0 16px}.result-line span:last-child{display:none}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 11px}.card-trait{display:none}.card-id{font-size:12px}.add-mon{opacity:1;width:25px;height:25px;font-size:20px;right:5px;top:5px}.collection-grid.dense{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.dense .add-mon{display:none}.team-dock{bottom:57px;padding:8px;gap:8px;max-width:calc(100% - 24px)}.dock-label{font-size:12px;white-space:nowrap;padding:0 4px}.dock-label .mono{font-size:12px;margin-top:4px}.dock-slots{gap:4px}.dock-slot{width:29px;height:29px}.dock-play{width:28px;height:30px;font-size:23px}.has-team .world-wayfinding>div{display:none}.has-team .world-wayfinding{bottom:47px}.has-team .world-zoom{bottom:112px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:36px 24px}.detail-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.detail-layout{grid-template-columns:1fr;min-height:0}.detail-art{height:43dvh;min-height:230px}.detail-art>canvas{height:100%;width:auto;max-width:100%;object-fit:contain}.detail-info{padding:27px 26px 24px}.detail-info h2{font-size:72px;margin:12px 0 24px}.detail-info h2 small{display:inline;font-size:22px;margin-right:12px;letter-spacing:-.03em;vertical-align:middle}.trait-list{margin-bottom:24px;grid-template-columns:1fr 1fr;gap:15px 25px}.trait-row{padding-bottom:10px}.trait-row button{font-size:16px}.trait-row>span{font-size:12px;margin-bottom:4px}.detail-info>.eyebrow{font-size:12px}.preview-tag{bottom:15px;left:15px;font-size:12px;padding:7px 9px;max-width:calc(100% - 30px)}.reveal-replay{left:15px;top:15px;font-size:12px;padding:8px 12px}.detail-nav .mono{font-size:12px}.team-dialog h2{font-size:42px}.team-dialog-actions{flex-direction:column}.lore-dialog{padding:40px 28px}.lore-dialog h2{font-size:57px}.lore-dialog .lore-lead{font-size:23px}.lore-chapter h3{font-size:29px}.boot-top{left:20px;right:20px;top:25px;font-size:12px}.boot-top span{display:none}.boot-caption{font-size:16px}.boot-bottom{font-size:12px;text-align:center;max-width:90vw}}
@media(max-width:440px){.header{padding:0 12px;gap:10px}.brand{width:85px}.header nav{gap:11px}.view-switch{padding:3px}.nav-link{padding:9px 12px}.team-button:before{display:none}.team-button{padding:0}.team-button span{width:29px;height:29px}.header-actions{gap:0}.world-wayfinding .mono{display:none}.world-wayfinding{gap:9px}.world-heading{left:15px}.world-heading>.mono{font-size:12px}.world-actions{right:15px}.world-caption{left:15px}.world-zoom{right:15px}.footer-signature{gap:8px}.footer-settings{gap:13px}.app-footer{padding:0 15px}.setting-button{gap:6px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading h2{font-size:38px}.palette{gap:9px}.swatch{width:17px;height:17px}.view-controls{gap:10px;padding-left:10px}.trait-filters>.mono{font-size:12px}.dock-slot{width:27px;height:27px}.dock-label{font-size:12px}.dock-slots{gap:3px}.dock-play{width:25px}.team-dock{gap:7px}.world-wayfinding{left:15px}.detail-info{padding:26px 23px}.detail-info h2{font-size:66px}.world-landmark{width:490px}.world-landmark h1{font-size:144px}}
@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:block}.encounter-button>span:not(.encounter-icon){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#arcadeCursor,.cursor-pixel,.click-pixel{display:none!important}body,button,a,#worldCanvas{cursor:auto!important}}
@media(max-height:650px) and (min-width:761px){.header{height:70px}.world,.collection-section{height:calc(100dvh - 114px);min-height:320px}.world-heading,.world-actions{top:18px}.detail-layout{min-height:510px}.detail-info{padding:45px 30px 24px}.detail-info h2{font-size:75px;margin:15px 0 20px}.trait-list{gap:10px 20px;margin-bottom:18px}.trait-row{padding-bottom:8px}.detail-info .button{min-height:44px}.detail-nav{margin-top:10px}}
.world.view-enter{animation:world-enter .45s ease both}.collection-section.view-enter{animation:index-enter .45s cubic-bezier(.16,1,.3,1) both}
@keyframes world-enter{from{opacity:0}to{opacity:1}}@keyframes index-enter{from{opacity:0;clip-path:inset(0 0 10%);transform:translateY(15px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@media(max-width:360px){.brand{width:72px}.header nav{gap:8px}.header .nav-link{padding:8px 9px}.header .play-link{padding:8px 0}.header{gap:9px}.dock-slot{width:25px;height:25px}.dock-label{padding:0 2px}.team-dock{gap:5px}.palette{gap:8px}.swatch{width:16px;height:16px}.view-controls{padding-left:6px;gap:8px}.world-zoom{gap:2px}.world-heading p{font-size:14px}}
/* The encounter mark is exactly five equal squares on a 3 × 3 grid. */
.encounter-icon{width:44px;height:44px;display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);justify-content:center;align-content:center;border:0;border-radius:0;background:none;color:#ffe100;padding:0;gap:0;transition:none;flex-shrink:0}.encounter-icon i{display:block;width:8px;height:8px;background:currentColor}.encounter-icon i:nth-child(1){grid-area:1/1;animation-delay:0s}.encounter-icon i:nth-child(2){grid-area:1/3;animation-delay:.06s}.encounter-icon i:nth-child(3){grid-area:2/2;animation-delay:.12s}.encounter-icon i:nth-child(4){grid-area:3/1;animation-delay:.18s}.encounter-icon i:nth-child(5){grid-area:3/3;animation-delay:.24s}.encounter-button:hover .encounter-icon{transform:none;background:none;color:#ffe100;border:0}.encounter-button:hover .encounter-icon i{animation-name:encounter-pixel;animation-duration:.36s;animation-timing-function:steps(3);animation-iteration-count:1}.encounter-button:active .encounter-icon{transform:scale(.9)}
.encounter-follow{position:absolute;left:36px;top:103px;z-index:4;display:flex;align-items:center;gap:25px;padding:13px 17px;background:#131313ed;border:1px solid #454545;border-left:2px solid #ffe100;border-radius:4px;max-width:calc(100% - 72px);box-shadow:0 4px 25px #0004;animation:follow-arrive .3s ease both}.follow-copy{min-width:0}.follow-title{display:flex;align-items:center;gap:10px}.follow-title .mono{font-size:12px;color:#aaa}.follow-title strong{font:500 19px/1.3 var(--font);color:#ffe100;letter-spacing:-.035em}#followActivity{font:14px/1.3 var(--font);color:#929292;margin:5px 0 0;max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaveEncounter{font:14px/1.5 var(--font);white-space:nowrap;color:#ddd;min-height:38px;padding:0 0 0 17px;border-left:1px solid #454545}#leaveEncounter:hover{color:#ffe100}.world.is-following .world-heading{opacity:.6}
@keyframes encounter-pixel{0%,100%{transform:translateY(0);background:#ffe100}45%{transform:translateY(-3px);background:#fff}}@keyframes follow-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.encounter-follow{left:25px;max-width:calc(100% - 50px)}}
@media(max-width:760px){.encounter-follow{top:85px;left:18px;right:18px;max-width:none;gap:16px;justify-content:space-between;padding:11px 13px}.follow-title{gap:10px}.follow-title strong{font-size:18px}.follow-title .mono{font-size:12px}#followActivity{max-width:180px;font-size:14px}#leaveEncounter{font-size:14px;padding-left:13px}.encounter-icon{width:40px;height:40px}.world.is-following .world-actions{box-shadow:none}}
@media(max-width:360px){.encounter-follow{left:15px;right:15px;gap:10px;padding:11px}.follow-title{gap:7px}#followActivity{max-width:155px}#leaveEncounter{padding-left:10px;font-size:14px}}
@media(max-height:650px) and (min-width:761px){.encounter-follow{top:94px;left:25px;gap:15px;padding:10px 13px}.follow-title strong{font-size:17px}#followActivity{max-width:160px}}
#surprise .encounter-label{display:block;white-space:nowrap}#surprise{border:1px solid #555;background:#161616;padding:5px 13px 5px 5px;min-height:48px;border-radius:4px;gap:8px}#surprise:hover{background:#252525;border-color:#ffe100}.world-actions{z-index:5}
@media(max-width:760px){#surprise{font-size:14px;gap:4px;padding:2px 9px 2px 2px;min-height:44px}#surprise .encounter-icon{width:34px;height:36px}#surprise small{display:none}.world-heading>.mono{display:none}.world-heading p{max-width:105px;margin:0;font-size:14px;line-height:1.5}.world-actions{gap:8px}.world-actions .quiet-button{padding:8px 0;min-width:32px}}

#walletAddress{display:block;width:100%;padding:12px;border:1px solid #777;background:#111;color:#fff;font:16px var(--mono);margin:10px 0}.wallet-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}#walletStatus{font-size:14px;overflow-wrap:anywhere}.wallet-token{display:inline-block;padding:6px 10px;border:1px solid #666;margin:4px}#walletResults{max-height:230px;overflow:auto}