:root{--ink:#070512;--violet:#6614cc;--purple:#9b2cff;--lime:#9cff00;--chrome:#d8e4ef;--font-geist-sans:Arial,Helvetica,sans-serif;--font-geist-mono:"Courier New",monospace}*{box-sizing:border-box}html,body{background:var(--ink);color:#fff;min-height:100%;margin:0}body{font-family:var(--font-geist-mono), monospace;image-rendering:pixelated}button,a{font:inherit}button{cursor:pointer}.app-shell{background-color:#070512;background-image:radial-gradient(circle at 70% 38%,#32105f 0,#0000 34%),linear-gradient(#7d20ff12 1px,#0000 1px),linear-gradient(90deg,#7d20ff12 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,32px 32px,32px 32px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;position:relative;overflow:hidden}.public-room{background:radial-gradient(circle at 50% 45%,#351164 0,#0000 48%),#070512;min-height:100vh;position:relative;overflow:hidden}.empty-public-room{place-content:center;justify-items:start;padding:8vw;display:grid}.empty-public-room p{color:var(--lime);font-size:11px}.empty-public-room h1{line-height:.9}.empty-room-detail{color:#bdb2c7;max-width:580px;margin:-4px 0 24px;font-size:11px;line-height:1.7}.app-shell:before{content:"";pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 3px 4px);position:absolute;inset:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070512e0;border-bottom:1px solid #6d24af;justify-content:space-between;align-items:center;height:72px;padding:0 4vw;display:flex;position:relative}.brand{color:#fff;letter-spacing:-.04em;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.brand b{color:var(--lime)}.brand-mark{color:#120421;background:var(--lime);width:36px;height:36px;box-shadow:4px 4px 0 var(--purple);border:3px solid #fff;place-items:center;display:grid}.top-actions{align-items:center;gap:18px;display:flex}.live-pill{color:#aaa1b8;letter-spacing:.08em;font-size:10px}.live-pill i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);margin-right:7px;display:inline-block}.help-button{color:#d4c9dc;background:#130b20;border:1px solid #62536e;place-items:center;width:28px;height:28px;padding:0;font-weight:900;display:grid}.help-button:hover,.help-button:focus-visible{color:#13051e;background:var(--lime);border-color:#fff}.win-button{color:#111;background:#d8d8d8;border:2px solid #434343;border-color:#fff #434343 #434343 #fff;padding:10px 16px;font-size:11px;font-weight:900;box-shadow:2px 2px #000}.win-button:active{box-shadow:none;transform:translate(2px,2px)}.win-button.primary{background:var(--lime)}.hero-copy{z-index:5;position:absolute;top:16vh;left:5vw}.eyebrow{color:var(--lime);letter-spacing:.13em;font-size:11px}h1{font-family:var(--font-geist-sans),sans-serif;letter-spacing:-.075em;margin:12px 0 16px;font-size:clamp(44px,6vw,92px);font-weight:950;line-height:.82}h1 em{color:#0000;-webkit-text-stroke:2px var(--purple);text-shadow:5px 5px #2a0750;font-style:normal}.lede{color:#b6adbf;font:500 12px/1.7 var(--font-geist-mono),monospace}.room-stage{aspect-ratio:3/2;width:min(96vw,1450px);position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%,-50%)}.room-glow{filter:blur(55px);opacity:.35;background:#5916a6;position:absolute;inset:18% 10% 4%}.room-image{object-fit:contain;image-rendering:auto;width:100%;height:100%;position:relative}.frame-layer{z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.room-guide{z-index:7;pointer-events:none;position:absolute;inset:0}.guide-pin{border:1px solid var(--lime);color:#fff;pointer-events:auto;background:#070512eb;align-items:center;gap:6px;padding:4px 7px 4px 4px;font-size:8px;font-weight:900;animation:1.8s ease-in-out infinite alternate guide-pulse;display:flex;position:absolute;box-shadow:3px 3px #6513ac,0 0 16px #9cff0047}.guide-pin b{background:var(--lime);color:#120421;place-items:center;width:22px;height:22px;display:grid}.guide-pin:hover,.guide-pin:focus-visible{background:var(--lime);color:#120421;transform:translateY(-2px)}.guide-connect{top:51%;left:83%}.guide-character{top:48%;left:45%}.guide-nft{top:21%;left:34%}.guide-generate{top:45%;left:64%}@keyframes guide-pulse{to{box-shadow:3px 3px #6513ac,0 0 28px #9cff009e}}.svg-frame{cursor:pointer;outline:none}.svg-frame image{image-rendering:pixelated}.frame-hit{fill:#0000;stroke:#0000;stroke-width:5px;vector-effect:non-scaling-stroke;transition:all .15s}.svg-frame:hover .frame-hit,.svg-frame:focus-visible .frame-hit{fill:#9cff001a;stroke:#9cff00;stroke-dasharray:7 5;filter:drop-shadow(0 0 8px #9cff00)}.empty-frame{fill:#06030c33;stroke:#9cff0040;stroke-width:2px;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.frame-plus{fill:#9cff00;font:700 30px var(--font-geist-mono),monospace;text-anchor:middle;dominant-baseline:middle;pointer-events:none;filter:drop-shadow(2px 2px #260044)}.frame-hotspot{z-index:4;color:var(--lime);opacity:0;background:#9cff0005;border:1px dashed #9cff002e;place-items:center;transition:all .18s;display:grid;position:absolute;overflow:hidden}.frame-hotspot:hover,.frame-hotspot:focus-visible{opacity:1;background:#9cff0024;box-shadow:0 0 25px #9cff0040}.frame-hotspot span{border:1px solid var(--lime);background:#0b0714;place-items:center;width:28px;height:28px;display:grid}.frame-1{width:12.5%;height:29%;top:15.5%;left:48.4%;transform:skewY(19deg)}.frame-2{width:12%;height:28%;top:20%;left:63.5%;transform:skewY(19deg)}.frame-3{width:11.7%;height:27%;top:26%;left:78.2%;transform:skewY(19deg)}.frame-hotspot.filled{opacity:.94;background:linear-gradient(145deg,#8cff00,#15052b 70%);border:2px solid #dbe3ed}.frame-hotspot.filled.token-violet,.frame-hotspot.filled.token-purple{background:linear-gradient(145deg,#a52cff,#0b0314 70%)}.frame-hotspot.filled.token-chrome{background:linear-gradient(145deg,#dceafa,#4a5361 45%,#0b0314)}.frame-hotspot.filled span{border:0;width:80%;height:auto;padding:9px 2px;box-shadow:0 0 18px #0009}.frame-hotspot.filled b{font-size:9px}.frame-hotspot.filled small{color:var(--lime);font-size:8px}.win-panel{color:#111;background:#c9c9c9;border:2px solid #454545;border-color:#fff #454545 #454545 #fff;box-shadow:5px 5px #000c}.win-title{color:#fff;background:linear-gradient(90deg,#310076,#8325d2);justify-content:space-between;align-items:center;height:24px;padding:0 5px;font-size:10px;font-weight:800;display:flex}.room-status{z-index:8;width:220px;position:absolute;bottom:8%;right:4%}.status-body{align-items:center;gap:12px;padding:10px;display:flex}.status-body small{color:#59515c;margin-top:4px;font-size:8px;display:block}.pixel-face{width:38px;height:38px;color:var(--lime);background:#111;border:2px inset #eee;place-items:center;display:grid}.steps{z-index:10;width:250px;position:absolute;bottom:8vh;left:5vw}.steps ol{margin:0;padding:8px 12px;list-style:none}.steps li{border-bottom:1px dotted #777;align-items:center;gap:12px;padding:7px 2px;font-size:11px;display:flex}.steps li:last-child{border:0}.steps li b{color:#6814ba;font-size:17px}.steps small{color:#5e5761;font-size:8px}.ticker{z-index:30;background:var(--lime);color:#14051f;white-space:nowrap;border-top:3px solid #fff;width:100%;height:30px;font-size:11px;font-weight:900;line-height:27px;position:absolute;bottom:0;overflow:hidden}.ticker span{width:max-content;animation:18s linear infinite scroll;display:block}.connect-hint{z-index:12;color:#c9bfd1;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070512e6;border:1px solid #5c217f;align-items:center;gap:16px;padding:7px 7px 7px 14px;font-size:9px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%);box-shadow:5px 5px #000000a6}.icon-button{color:#ddd3e6;background:0 0;border:0;font-size:10px}.icon-button:hover{color:var(--lime)}.admin-link{color:#100318;background:var(--lime);box-shadow:2px 2px 0 var(--purple);border:1px solid #fff;padding:8px 10px;font-size:9px;font-weight:900;text-decoration:none}.admin-link:hover{background:#fff}.toast{z-index:80;color:#071000;background:var(--lime);border:2px solid #fff;padding:10px 16px;font-size:11px;font-weight:900;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:4px 4px #561497}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04020ac7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.picker{width:min(760px,100%)}.picker .win-title button{color:#111;background:#c9c9c9;border:2px outset #eee;width:18px;height:18px;padding:0;font-weight:900;line-height:12px}.picker-head{border-bottom:2px inset #fff;justify-content:space-between;align-items:flex-end;padding:22px 24px 15px;display:flex}.picker-head p{color:#5f127e;margin:0 0 3px;font-size:9px;font-weight:900}.picker-head h2{font:900 27px/1 var(--font-geist-sans),sans-serif;letter-spacing:-.06em;margin:0}.picker-head>span{color:#efffdc;background:#35105c;padding:5px 7px;font-size:9px}.token-grid{background:#9f9f9f;grid-template-columns:repeat(4,1fr);gap:10px;max-height:55vh;padding:14px;display:grid;overflow:auto}.token-card{text-align:left;color:#111;background:#d7d7d7;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;min-width:0;padding:6px}.token-card:hover,.token-card:focus-visible{outline:3px solid var(--lime);outline-offset:1px}.token-art{aspect-ratio:1;image-rendering:pixelated;background:linear-gradient(135deg,#a2ff00,#2c0053 58%,#080512);margin-bottom:8px;position:relative;overflow:hidden}.token-art img{object-fit:cover;opacity:.72;mix-blend-mode:screen;width:100%;height:100%;image-rendering:pixelated}.token-art i{border:2px solid #ffffff73;position:absolute;inset:15%;transform:rotate(45deg)}.token-card.violet .token-art,.token-card.purple .token-art{background:linear-gradient(135deg,#bb4aff,#170322 65%)}.token-card.chrome .token-art{background:linear-gradient(135deg,#e5f3ff,#596779 50%,#130621)}.token-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.token-card small{color:#5b5360;font-size:7px}.picker footer{justify-content:space-between;align-items:center;padding:10px 14px;font-size:8px;display:flex}.room-edit-hint{z-index:12;border:1px solid var(--lime);color:var(--lime);background:#070512e6;padding:8px 12px;font-size:9px;position:fixed;bottom:47px;left:50%;transform:translate(-50%)}.room-picker-loading{color:#241039;background:#9f9f9f;place-items:center;min-height:180px;font-weight:900;display:grid}.help-dialog{width:min(470px,100%)}.guide-dialog{width:min(520px,100%)}.guide-dialog .win-title button{color:#111;background:#c9c9c9;border:2px outset #eee;width:18px;height:18px;padding:0;font-weight:900}.guide-content{padding:26px}.guide-content h2{font:950 31px/1 var(--font-geist-sans),sans-serif;letter-spacing:-.055em;margin:3px 0 13px}.guide-content>p:not(.help-kicker){color:#4c4350;font-size:11px;line-height:1.65}.guide-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.setup-dialog{width:min(820px,100%);max-height:90vh;overflow:auto}.setup-dialog .win-title button{color:#111;background:#c9c9c9;border:2px outset #eee;width:18px;height:18px;padding:0;font-weight:900}.setup-content{padding:24px}.setup-content h2{font:950 32px/1 var(--font-geist-sans),sans-serif;letter-spacing:-.055em;margin:2px 0 18px}.setup-content h3{margin:22px 0 10px;font-size:11px}.scan-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.scan-stats span{color:#322b35;background:#aaa;border:2px inset #fff;padding:12px;font-size:8px}.scan-stats b{color:#4c087e;margin-bottom:4px;font-size:15px;display:block}.character-grid{grid-template-columns:repeat(5,1fr);gap:8px;max-height:260px;padding:3px;display:grid;overflow:auto}.character-grid button{color:#111;text-align:left;background:#bdbdbd;border:2px outset #eee;min-width:0;padding:5px}.character-grid button.selected{outline:4px solid var(--lime);background:#fff}.character-grid img{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated;background:#170626;display:block}.character-grid span{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:7px;display:block;overflow:hidden}.setup-note{color:#504653;margin:18px 0 10px;font-size:9px;line-height:1.5}.setup-error{color:#fff;background:#a40046;padding:8px;font-size:9px}.setup-generate{width:100%;margin-top:8px;padding:14px}.setup-actions{align-items:center;gap:10px;display:flex}.setup-actions>a{text-align:center;margin-top:8px;text-decoration:none}.setup-actions .setup-generate{flex:1}.setup-generate:disabled{cursor:wait;filter:grayscale()}.wallet-dialog{width:min(460px,100%)}.wallet-dialog .win-title button{color:#111;background:#c9c9c9;border:2px outset #eee;width:18px;height:18px;padding:0;font-weight:900}.wallet-content{gap:10px;padding:24px;display:grid}.wallet-content h2{font:950 28px/1 var(--font-geist-sans),sans-serif;letter-spacing:-.055em;margin:0}.wallet-content>p:not(.help-kicker){color:#514754;margin:2px 0 8px;font-size:10px;line-height:1.55}.wallet-choice{color:#fff;text-align:left;border:2px solid #424242;border-color:#fff #424242 #424242 #fff;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px;display:flex;box-shadow:2px 2px #222}.wallet-choice.metamask{background:#6b2e0d}.wallet-choice.trust{background:#0954a5}.wallet-choice.detected{cursor:pointer;background:#241039;width:100%}.wallet-choice.detected:hover{background:#7920bd}.wallet-identity{align-items:center;gap:10px;display:flex}.wallet-identity img{image-rendering:auto;border-radius:6px;width:28px;height:28px}.wallet-choice b{font-size:12px}.wallet-choice span{font-size:8px}.wallet-content>small{color:#5d5460;font-size:8px;line-height:1.5}.generation-progress{z-index:55;color:#111;background:#c9c9c9;border:2px solid #444;border-color:#fff #444 #444 #fff;width:min(390px,100vw - 48px);padding:16px;position:fixed;bottom:48px;right:24px;box-shadow:6px 6px #310065}.generation-progress:before{content:"";background:linear-gradient(90deg,var(--lime) 0 38%,#6d16b6 38% 100%);height:5px;margin:-16px -16px 13px;animation:2.5s ease-in-out infinite alternate generation-bar;display:block}.generation-progress p{color:#6614b7;margin:0 0 6px;font-size:8px;font-weight:900}.generation-progress strong,.generation-progress small{display:block}.generation-progress strong{font:900 15px var(--font-geist-sans),sans-serif}.generation-progress small{color:#5c5360;margin-top:6px;font-size:7px;line-height:1.5}.generation-progress button,.generation-progress a{float:right;background:var(--lime);color:#111;border:2px outset #eee;margin-top:10px;padding:6px;font-size:9px;font-weight:900;text-decoration:none}.generation-progress .progress-close{float:none;background:#c9c9c9;margin:0;padding:1px 5px;position:absolute;top:8px;right:8px}@keyframes generation-bar{to{background-position:240px 0}}.help-dialog .win-title button{color:#111;background:#c9c9c9;border:2px outset #eee;width:18px;height:18px;padding:0;font-weight:900;line-height:12px}.help-content{padding:24px}.help-kicker{color:#6614b7;margin:0 0 4px;font-size:9px;font-weight:900}.help-content h2{font:950 29px/1 var(--font-geist-sans),sans-serif;letter-spacing:-.055em;margin:0 0 20px}.help-content ol{margin:0 0 20px;padding:0;list-style:none}.help-content li{border-top:1px dotted #6f6871;grid-template-columns:45px 1fr;align-items:center;min-height:50px;font-size:10px;line-height:1.45;display:grid}.help-content li b{color:#6b16b9;font-size:18px}@keyframes scroll{to{transform:translate(-50%)}}@media (max-width:900px){.live-pill{display:none}.room-stage{width:118vw}.connect-hint{bottom:46px}}@media (max-width:600px){.topbar{height:62px;padding:0 12px}.brand{font-size:10px}.brand-mark{width:32px;height:32px}.win-button{padding:9px;font-size:9px}.icon-button{display:none}.room-stage{width:158vw;top:48%}.token-grid{grid-template-columns:repeat(2,1fr)}.picker-head h2{font-size:21px}.connect-hint{bottom:42px}.connect-hint>span{display:none}.scan-stats{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(3,1fr)}.guide-pin span{display:none}.guide-pin{padding:3px}.guide-content h2{font-size:25px}}.win-button,.guide-pin,.toast,.room-edit-hint,.admin-link,.wallet-choice b{font-size:14px}.win-button,.help-button{min-height:44px}.token-card strong,.character-grid span,.picker footer,.picker-head>span,.live-pill,.setup-note,.setup-error,.scan-stats span,.wallet-choice span,.wallet-content>small,.generation-progress small,.generation-progress p,.help-kicker,.win-title{font-size:12px;line-height:1.5}.guide-content>p:not(.help-kicker),.wallet-content>p:not(.help-kicker),.help-content li{font-size:16px;line-height:1.6}.token-card small{font-size:12px}.guide-pin b{width:28px;height:28px}.win-title{height:auto;min-height:30px}.screen-layer{pointer-events:none}@media (prefers-reduced-motion:reduce){.screen-layer image{display:none}.guide-pin,.ticker span{animation:none}}@media (max-width:600px){.win-button{font-size:14px}.top-actions{gap:6px}.picker footer{flex-wrap:wrap;gap:8px}.guide-pin{min-width:44px;min-height:44px}.guide-content{padding:18px}}