*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050607;color:#efe6cf}body{font-family:monospace}#scene,#bloom,.vignette,.grain,#hits{position:fixed;inset:0}#scene{image-rendering:pixelated}#bloom{pointer-events:none;filter:blur(6px);mix-blend-mode:screen;opacity:.5}.vignette{pointer-events:none;background:radial-gradient(ellipse,transparent 32%,rgba(0,0,0,.35) 100%)}.grain{pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#hits{pointer-events:none}#hits>*{position:absolute;pointer-events:auto;background:transparent;border:0;cursor:pointer;color:transparent}#hits>*:focus-visible{outline:2px solid #7fe0cb}dialog{overflow:visible;max-width:calc(100vw - 36px);width:450px;padding:24px 22px 20px;background:#000;border:3px solid #a6aaa0;color:#b6c7c2;box-shadow:0 0 0 2px #0b0e0c;font:18px/1.35 monospace}dialog::backdrop{background:#000b}h1{margin:0 0 18px}h1 canvas{max-width:100%;height:auto;image-rendering:pixelated}dialog p{margin:0 0 20px}label{display:block;color:#99decb;margin:18px 0 10px}input{width:100%;padding:13px;border:3px solid #26302f;background:#060b0c;color:#c6ded5;font:18px monospace;border-radius:2px;outline:none}input:focus{border-color:#99decb}.submit{width:100%;height:54px;background:#97dfcc;border:0;border-bottom:5px solid #538e7d;cursor:pointer;margin:0 0 14px;display:flex;align-items:center;justify-content:center}.submit canvas{max-width:100%;image-rendering:pixelated}small{color:#7d8b8a;font-size:14px}.close{position:absolute;right:7px;top:3px;background:none;border:0;color:#7d8b8a;font:22px monospace;cursor:pointer}#peek{position:absolute;right:20px;top:-60px;height:60px;object-fit:cover;object-position:top;image-rendering:pixelated}#status{font-size:14px;min-height:18px;margin:12px 0}dialog[open]{animation:appear .16s steps(4)}@keyframes appear{from{transform:translateY(16px);opacity:0}}
/* Arena skin — retain the composition and screen-space controls. */
body{background:#050807;color:#e4dec2}dialog{max-height:calc(100dvh - 46px);overflow:auto;width:480px;padding:27px 24px 22px;background:#080e0a;border-color:#8b977a;box-shadow:0 0 0 2px #080d09,0 18px 90px #000c;font:16px/1.5 monospace}dialog::backdrop{background:#020604c9;backdrop-filter:blur(2px)}dialog h2{margin:12px 0 14px}dialog h2 canvas{max-width:100%;height:auto;image-rendering:pixelated}.eyebrow{font-size:10px;letter-spacing:2px;color:#a69564}dialog p{font-size:14px;margin-bottom:17px;color:#a7b49e}.intro-copy{line-height:1.6}label{font-size:12px;letter-spacing:1px;color:#abcbb1;margin:18px 0 9px}input{font-size:15px;border:2px solid #344d38;background:#0d180f;padding:13px 12px;border-radius:0;color:#dfdfc4}input:focus{border-color:#a9d5af}.submit{margin-top:12px;background:#a8c9aa;border-bottom:4px solid #557659;min-height:52px}.submit:hover{background:#c1dcba}.submit:focus-visible,.fighter:focus-visible{outline:2px solid #e6cd88;outline-offset:3px}.close{color:#9baa8d;right:8px;top:5px;font-size:24px}#peek{display:none}.fighters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fighter{background:#0c160e;border:1px solid #2b3a29;color:#aaa98a;cursor:pointer;padding:2px 4px 10px;display:flex;flex-direction:column;align-items:center;transition:background .15s}.fighter.selected{border:1px solid #abc398;box-shadow:inset 0 -2px #637c4f;background:#192617;color:#e4d9ac}.fighter canvas{image-rendering:pixelated;width:60px;height:80px}.fighter span{font:11px monospace;letter-spacing:.7px}.fighter small{font-size:8px;letter-spacing:.5px;color:#829077;margin-top:4px}.privacy{display:block;text-align:center;font-size:10px;color:#74816f;margin-top:12px}.lore-accent{color:#c7c193!important}.credits{display:block;text-align:center;color:#8ca689;font-size:10px;margin-top:16px;text-underline-offset:4px}#ticket{background:#c7c3a0;color:#1b2c1b;padding:22px 12px;border:4px double #3f5336;text-align:center;margin:10px 0 16px}#ticket small{display:block;color:#536044;font:9px monospace;letter-spacing:1px}#ticket strong{display:block;font-size:27px;letter-spacing:2px;margin:15px 0}#ticket span{font-size:10px;letter-spacing:1px}#status{min-height:0;margin:13px 0 4px;font-size:12px;color:#b5cd9e}#skip{position:fixed;right:20px;bottom:18px;z-index:3;font:10px monospace;letter-spacing:1px;color:#71816b;background:#05080799;border:1px solid #263424;padding:8px 10px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(max-width:480px){dialog{width:calc(100vw - 28px);max-width:none;padding:23px 18px 18px}dialog h2 canvas{width:100%;height:auto}.fighter canvas{width:54px;height:72px}.fighter span{font-size:9px}.fighter small{font-size:7px}.eyebrow{font-size:9px;letter-spacing:1.5px}}

#lore{width:580px}.gladiator-roster{border-top:1px solid #344333;margin:26px 0 22px;padding-top:18px}.gladiator-roster h3{font:14px monospace;letter-spacing:1px;color:#c5ddbc;margin:0 0 8px}.roster-card{display:grid;grid-template-columns:96px 1fr;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #233026}.roster-card canvas{width:96px;height:126px;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 70%,#233323,transparent 70%)}.roster-card h4{font:14px monospace;color:#d6d0a8;margin:0 0 5px}.roster-card small{display:block;color:#8cbda5;font:9px/1.5 monospace;letter-spacing:.6px}.roster-card p{font-size:12px;line-height:1.65;margin:9px 0 0}@media(max-width:480px){.roster-card{grid-template-columns:72px 1fr;gap:10px}.roster-card canvas{width:72px;height:95px}.roster-card h4{font-size:12px}}

#lore .music-credit{font-size:10px;line-height:1.6;color:#7f907e;margin-top:24px}.music-credit a{color:#9bbda5;text-underline-offset:3px}

#mascots{position:fixed;top:0;left:0;pointer-events:none;image-rendering:auto}

#hits>[aria-label="Select your gladiator"]:focus-visible{outline:none}

@keyframes arena-arrival{from{opacity:0}to{opacity:1}}#scene,#mascots{animation:arena-arrival .55s ease-out both}@media(prefers-reduced-motion:reduce){#scene,#mascots{animation:none}}

#community-links{position:fixed;display:flex;gap:10px;z-index:2}#community-links>*{width:36px;height:36px;display:grid;place-items:center;background:#0b1713;border:1px solid #446b60;color:#a4d5c7;padding:8px;border-radius:0;cursor:default}#community-links a{cursor:pointer}#community-links>*:hover,#community-links>*:focus-visible{background:#19382d;color:#d5fff0;border-color:#90dbc2;outline:none}#community-links svg,#community-links img{width:100%;height:100%;object-fit:contain}#community-links>*:last-child{padding:3px}#community-links img{border-radius:3px}

#signup{width:640px}.fighters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fighter canvas{width:60px;height:95px}.fighter span{font-size:10px;letter-spacing:0}.fighter small{font-size:8px;letter-spacing:0}@media(max-width:540px){.fighters{grid-template-columns:repeat(2,minmax(0,1fr))}.fighter span{font-size:11px}.fighter canvas{width:60px;height:95px}}

/* User-supplied arena, toned to the same dark sage palette as the pass. */
#signup{isolation:isolate;background:#08110b}#signup::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,12,7,.8),rgba(3,12,7,.4)),url('assets/arena-pass-background.png') center 44%/cover no-repeat;filter:grayscale(1) sepia(.38) hue-rotate(65deg) saturate(.65) brightness(.85);opacity:.58}#signup form{position:relative}#signup .fighter{background:#0a150ee6;border-color:#3c503e}#signup .fighter.selected{background:#243b25ed;border-color:#b7d5a5}#signup .intro-copy{color:#c2ccba}#signup input{background:#09150eef}

#community-links img{filter:grayscale(1);mix-blend-mode:screen;opacity:.9}#community-links>*:last-child{background:#0b1713}

#community-links img{filter:url(#fomo-mint);mix-blend-mode:normal;opacity:1}

#hits>*>img{display:none}#hits>*.compact-icon{display:grid!important;place-items:center}#hits>*.compact-icon>img{display:block;width:24px;height:24px;image-rendering:pixelated;pointer-events:none}

#ticket{position:relative;background:linear-gradient(120deg,#0c241a,#07150f);color:#d0e7c8;padding:19px 20px 15px;border:1px solid #8bb99a;box-shadow:inset 0 0 0 4px #0a1b12,0 8px 24px #0005;text-align:left;margin:20px 0}#ticket>small{color:#93b498;font-size:10px;letter-spacing:1.8px}.ticket-identity{display:flex;gap:20px;align-items:center;min-height:142px}.ticket-portrait{width:96px;height:126px;flex:none;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 75%,#31543a80,transparent 70%)}#ticket strong{margin:0 0 13px;font-size:20px}#ticket strong canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.ticket-details{min-width:0}#ticket .ticket-details>span{color:#b4c395;display:block;font-size:10px;line-height:1.7;letter-spacing:.8px}.ticket-footer{padding-top:13px;border-top:1px dashed #4a7058;display:flex;justify-content:space-between;align-items:center;gap:10px}.ticket-footer b{font:11px monospace;letter-spacing:2px;color:#c9d3a4}#ticket .ticket-footer span{font-size:9px;color:#98c9ad;letter-spacing:.3px}@media(max-width:420px){#ticket{padding:16px 12px}.ticket-identity{gap:10px}.ticket-portrait{width:72px;height:95px}.ticket-footer{align-items:flex-start;flex-direction:column}}

.ticket-details{flex:1}.ticket-setup{width:120px;height:104px;flex:none;image-rendering:pixelated;filter:drop-shadow(0 0 7px #81d9a315)}@media(max-width:540px){.ticket-identity{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}.ticket-portrait{width:72px;height:95px;grid-row:1/3}.ticket-setup{grid-column:2;width:100px;height:86px}}

@font-face{font-family:'Coelysium Pixel';src:url('assets/fonts/coelysium-pixel.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}body,dialog,dialog p,button,input,label,small,.eyebrow,.fighter span,.fighter small,#ticket small,#ticket span,.ticket-footer b,#skip,.roster-card h4,.roster-card small,.gladiator-roster h3{font-family:'Coelysium Pixel',monospace!important}dialog p{font-size:16px;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:1px}label{font-size:14px;letter-spacing:.5px}.fighter span{font-size:12px}.fighter small{font-size:10px}.privacy{font-size:12px}#ticket>small{font-size:12px;letter-spacing:1px}#ticket .ticket-details>span{font-size:12px;line-height:1.7;letter-spacing:0}.pnl-stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;border-top:1px solid #2e503b;padding:16px 0 8px;margin-bottom:9px}#ticket .pnl-stats small{color:#91b39c;font-size:12px;letter-spacing:.5px}#ticket .pnl-stats strong{display:block;color:#c7efda;font:32px 'Coelysium Pixel',monospace;margin:9px 0}.ticket-footer b,#ticket .ticket-footer span{font-size:12px;letter-spacing:.3px}@media(max-width:420px){.pnl-stats{gap:8px}#ticket .pnl-stats small{font-size:10px}}

/* Player PNL card: one focal number, character art and the arena palette. */
#ticket{padding:0;border:2px solid #91a98b;background:#08120e;box-shadow:0 0 0 3px #14271b,inset 0 0 0 3px #13261b;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.pnl-brand{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:2px solid #334c36;color:#b7c9a7;font-size:12px;letter-spacing:1px}.pnl-player{padding:20px 17px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}#ticket .pnl-name{margin:0 0 9px}#ticket .pnl-name canvas{width:auto;max-width:100%;height:auto}#ticket .pnl-role{display:block;font-size:12px;color:#a5b58c;letter-spacing:0;line-height:1.6}.pnl-player>small{font-size:10px;color:#6f8e79;white-space:nowrap;padding-top:5px}.pnl-stage{display:grid;grid-template-columns:96px minmax(0,1fr) 142px;align-items:end;gap:9px;padding:8px 14px 18px;min-height:185px}.pnl-gladiator{width:96px;height:128px;image-rendering:pixelated}.pnl-score{align-self:center;padding-top:9px}.pnl-score>small{font-size:12px;color:#9fbaa5}.pnl-amount{font:56px/1.2 'Coelysium Pixel',monospace;color:#d4fbe3;white-space:nowrap;margin:8px 0 17px}#ticket .pnl-amount>span{font-size:16px;color:#8bc5a4;letter-spacing:0}.pnl-secondary{display:flex;gap:20px;flex-wrap:wrap}#ticket .pnl-secondary>span{font-size:11px;color:#819e89;letter-spacing:0}.pnl-secondary b{color:#c9dfc8;font-weight:400;margin-left:5px}.pnl-workstation{display:block;width:142px;height:150px;object-fit:contain;align-self:end;image-rendering:auto}.pnl-bottom{padding:10px 15px;display:flex;justify-content:space-between;gap:12px;background:#263c2b;color:#bacba7;font-size:10px;letter-spacing:1px}#ticket .pnl-bottom span{font-size:10px;letter-spacing:1px}@media(max-width:540px){.pnl-stage{grid-template-columns:68px minmax(0,1fr) 90px;gap:4px;padding:12px 8px}.pnl-gladiator{width:68px;height:91px}.pnl-workstation{width:90px;height:100px}.pnl-amount{font-size:36px}#ticket .pnl-amount>span{font-size:12px}.pnl-secondary{gap:8px}.pnl-player{padding:16px 12px 0}.pnl-player>small{display:none}.pnl-brand{font-size:10px;padding:10px}.pnl-score>small{font-size:10px}.pnl-bottom{padding:9px;font-size:9px}#ticket .pnl-bottom span{font-size:9px;letter-spacing:0}}

#entry-tasks{margin:20px 0}.entry-task{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:18px 0;border-top:1px solid #445b41}.task-number{font:20px 'Coelysium Pixel',monospace;color:#bacb9c}.entry-task h3{font:16px 'Coelysium Pixel',monospace;color:#edf2dc;margin:0 0 9px}.entry-task p{font-size:14px;margin:0 0 12px}.entry-task a{display:inline-block;color:#a0e6cc;border-bottom:1px solid #5c957a;font-size:14px;text-decoration:none;padding-bottom:4px}.entry-task label{display:flex;align-items:center;gap:10px;margin:16px 0 0;font-size:13px;color:#c5dfbb;cursor:pointer}.entry-task input[type=checkbox]{width:20px;height:20px;padding:0;margin:0;appearance:none;border:2px solid #7ba98b;background:#0b1d13;flex:none;cursor:pointer}.entry-task input:checked{background:#a8dfbd;box-shadow:inset 0 0 0 4px #0b1d13}.entry-task input:focus-visible{outline:2px solid #dcf7d3;outline-offset:3px}.submit:disabled{opacity:.38;cursor:not-allowed}.task-intro{color:#d3ddbf}

#entry-tasks{margin:24px 0 26px}.task-progress{font-size:12px;color:#9fba97;margin:0 0 15px}.entry-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 2px;border-top:2px solid #58705a;text-decoration:none;color:#edf1dc;font:16px/1.5 'Coelysium Pixel',monospace}.entry-action:last-child{border-bottom:2px solid #58705a}.entry-action>b{font-size:12px;font-weight:400;color:#87cdb0;flex:none}.entry-action:hover,.entry-action:focus-visible{color:#d0ffe4;outline:none;border-color:#b2d9b1}.entry-action.done{color:#9fb899}.entry-action.done>b{color:#d7efd0}@media(max-width:420px){.entry-action{font-size:14px;gap:10px}.entry-action>b{font-size:10px}}