#creator-dialog{--affinity:#ef9971;background:#152a2b;border:1px solid #aebc9c4a;border-radius:14px;width:min(1060px,100% - 40px);max-width:1060px;height:min(850px,100dvh - 40px);max-height:none;padding:0;overflow:hidden;box-shadow:0 30px 130px #071314c9}#creator-dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#08171bc4}.creator-shell{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:43% 57%;height:100%;display:grid}.creator-header{background:#172d2c;border-bottom:1px solid #bcccb221;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:25px 32px;display:flex}.creator-header h2{color:#f1e6ce;margin:10px 0 0;font:400 35px/1.1 Cormorant,Georgia,serif}.creator-header>button{background:0 0;border:1px solid #bed0b72b;border-radius:5px;min-height:44px;padding:11px 18px;font-size:11px}.creator-stage{background:radial-gradient(at 50% 60%,#45665480,#0000 70%),linear-gradient(150deg,#263e39,#142b2c 75%);border-right:1px solid #bcccb221;min-height:0;position:relative;overflow:hidden}.preview-heading{z-index:1;pointer-events:none;position:absolute;top:27px;left:28px;right:28px}.preview-heading .eyebrow{color:#a8bcb1;font-size:8px}.preview-heading h3{color:#f2e9d3;overflow-wrap:anywhere;margin:10px 0;font:400 29px/1.1 Cormorant,Georgia,serif}.preview-heading>span:last-child{letter-spacing:.8px;color:var(--affinity);font-size:10px}#avatar-preview{pointer-events:none;outline:0;width:100%;height:calc(100% - 115px);position:absolute;inset:60px 0 55px}.avatar-halo{border:1px solid #b9bda521;border-radius:50%;position:absolute;inset:26% 16% 23%;box-shadow:0 0 0 30px #adc3ab05,0 0 0 60px #adc3ab03}.preview-controls{justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;bottom:70px;left:0;right:0}.preview-controls>span{letter-spacing:1.8px;color:#bbc9b7;font-size:8px}.preview-controls>button{color:#dfc8a6;background:#19302c;border:1px solid #b9c9b437;border-radius:50%;width:42px;height:42px;font:25px Georgia,serif}.preview-caption{text-align:center;color:#a7bcae;margin:0;font:italic 15px/1.25 Cormorant,Georgia,serif;position:absolute;bottom:17px;left:0;right:0}.creator-options{scrollbar-width:thin;scrollbar-color:#587369 transparent;overscroll-behavior:contain;padding:4px 30px 20px;overflow:auto}.creator-section{border-bottom:1px solid #c4ccb219;padding:20px 0}.creator-section:last-child{border:0}.field-label{color:#e7e5d3;align-items:center;gap:10px;margin:0 0 15px;font:500 12px Manrope,sans-serif;display:flex}.field-label>span{color:#b8a481;font-variant-numeric:tabular-nums;font-size:9px}.field-label>small{letter-spacing:1px;color:#9bad9e;border:1px solid #b2c7ad2b;border-radius:3px;margin-left:auto;padding:4px 6px;font-size:7px}#ninja-name{color:#f0e7d2;background:#0f2224;border:1px solid #a9c3b03d;border-radius:5px;outline:0;width:100%;padding:12px 14px;font:13px Manrope,sans-serif}#ninja-name:focus{border-color:#dfb68c;box-shadow:0 0 0 2px #dfb68c17}#ninja-name::placeholder{color:#849c90}.field-hint{color:#9eb5a8;margin-top:8px;font-size:9px;line-height:1.65;display:block}.option-label{color:#b7cabc;margin:14px 0 9px;font-size:10px;display:block}.choice-row{gap:7px;display:flex}.choice{color:#c3d2c5;background:#1d3432;border:1px solid #bed0b82c;border-radius:5px;flex:1;min-height:36px;padding:8px 6px;font-size:10px}.choice[aria-pressed=true]{color:#f0d2aa;background:#ceae8323;border-color:#d3b289}.swatch-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.swatch{background:var(--swatch);border:3px solid #152a2b;border-radius:50%;outline:1px solid #a8beaa35;place-items:center;width:30px;height:30px;padding:0;display:grid}.swatch>span{color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000;font-size:13px;display:none}.swatch[aria-pressed=true]{outline:2px solid #e0c394}.swatch[aria-pressed=true]>span{display:block}.choice:hover,.nature-choice:hover{border-color:#c4cdaa8c}.swatch:hover{outline-color:#c4cdaa}.appearance-pair{flex-wrap:wrap;gap:0 24px;display:flex}#creator-natures{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.nature-choice{background:#1c3331;border:1px solid #bed0b82b;border-radius:5px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;display:flex}.nature-choice>span{color:var(--nature);font:24px Georgia,serif}.nature-choice strong{font-size:9px;font-weight:500}.nature-choice small{color:#a2bbae;font-size:7px}.nature-choice[aria-pressed=true]{border-color:var(--nature);box-shadow:inset 0 -2px var(--nature);background:#c7d4ad10}#nature-description{color:var(--affinity);margin:13px 0 0;font:italic 17px Cormorant,Georgia,serif}.village-list{flex-wrap:wrap;gap:6px;display:flex}.village-list>button{background:#233834;border:1px solid #adc0ac28;border-radius:4px;padding:9px 13px;font-size:10px}.villages>p{color:#8da596;margin:12px 0 0;font-size:9px}.creator-footer{background:#172d2c;border-top:1px solid #bcccb221;grid-column:1/-1;align-items:center;gap:20px;padding:18px 28px;display:flex}.creator-footer>div{flex:1}.creator-footer>div>span{letter-spacing:1.6px;color:#d1c3a2;font-size:8px;display:block}.creator-footer>div>small{color:#98b1a1;margin-top:7px;font-size:9px;display:block}.creator-footer>.primary{width:auto;min-width:205px}.creator-footer>.secondary{width:auto;margin:0;padding:12px;font-size:10px}#creator-status:empty{display:none}#creator-status{color:#efbc96;margin:8px 0 0;font-size:10px;line-height:1.5}.concentrate{color:#def0dd;touch-action:manipulation;background:#153339ed;border:1px solid #93c8c257;border-radius:7px;align-items:center;gap:10px;min-height:49px;padding:11px 13px;display:flex;position:absolute;bottom:180px;left:32px}.concentrate-icon{color:var(--chakra-color,#8acfcf);font-size:27px;line-height:1}.concentrate strong{text-align:left;font-size:10px;font-weight:500;display:block}.concentrate small{color:#a9c5b9;margin-top:4px;font-size:8px;display:block}.concentrate kbd{border:1px solid #adcab638;border-radius:3px;margin-left:8px;padding:4px}.concentrate[aria-pressed=true]{border-color:var(--chakra-color,#8acfcf);background:#264d4c;box-shadow:0 0 20px #80c9cf20}.concentrate[aria-pressed=true] .concentrate-icon{animation:1.1s infinite alternate breathe-chakra}.player-name strong{font-size:inherit;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-weight:500;overflow:hidden}.player-name #player-nature{letter-spacing:.8px}#arena:has(#intro:not([hidden])) .concentrate{visibility:hidden}#arena:has(#intro:not([hidden])) #edit-character{visibility:hidden}@keyframes breathe-chakra{to{opacity:.5;transform:scale(.85)}}@media (max-width:760px){#creator-dialog{border-radius:10px;width:calc(100% - 16px);height:calc(100dvh - 16px)}.creator-shell{grid-template-rows:auto 240px minmax(0,1fr) auto;grid-template-columns:1fr}.creator-header{padding:17px 19px}.creator-header h2{margin-top:7px;font-size:27px}.creator-header .eyebrow{font-size:7px}.creator-header>button{padding:9px 12px;font-size:10px}.creator-stage{border-bottom:1px solid #bcccb221;border-right:0}.preview-heading{top:20px;left:20px;right:55%}.preview-heading h3{font-size:24px}.preview-heading>span:last-child{font-size:9px}#avatar-preview{width:64%;height:100%;inset:0 0 0 auto}.avatar-halo{inset:15% 10% 13% 43%}.preview-controls{gap:10px;bottom:22px;left:20px;right:auto}.preview-controls>span{display:none}.preview-controls>button{width:36px;height:36px}.preview-caption{display:none}.creator-options{padding:0 20px 10px}.creator-section{padding:17px 0}.creator-footer{flex-wrap:wrap;gap:10px;padding:12px 18px}.creator-footer>div{flex-basis:100%}.creator-footer>div>span{display:none}.creator-footer>div>small{margin:0;font-size:8px}.creator-footer>.primary{flex:1;min-width:0;padding:13px;font-size:12px}.creator-footer>.secondary{flex:1}.appearance-pair{gap:0 22px}.swatch{width:29px;height:29px}.concentrate{min-height:46px;padding:9px 11px;top:301px;bottom:auto;left:15px}.fighting .concentrate{top:322px}.concentrate strong{font-size:9px}.concentrate small{font-size:7px}.concentrate-icon{font-size:23px}.concentrate kbd,#edit-character span{display:none}.topbar{gap:10px}.top-actions{gap:5px}.brand{font-size:21px}}@media (max-height:700px) and (max-width:760px){.creator-shell{grid-template-rows:auto 175px minmax(0,1fr) auto}.creator-header{padding:12px 18px}.creator-header h2{font-size:23px}.preview-heading h3{font-size:22px}}@media (max-height:540px) and (min-width:600px){#creator-dialog{width:calc(100% - 20px);height:calc(100dvh - 16px)}.creator-shell{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:38% 62%}.creator-header{padding:10px 20px}.creator-header h2{margin:4px 0;font-size:24px}.creator-header .eyebrow{font-size:7px}.creator-options{padding:0 20px 8px}.creator-stage{border-right:1px solid #bcccb221}.preview-heading{top:12px;left:16px;right:16px}.preview-heading h3{margin:5px 0;font-size:21px}.preview-heading .eyebrow{display:none}#avatar-preview{width:100%;height:calc(100% - 28px);inset:28px 0 0}.avatar-halo{inset:25% 25% 10%}.preview-controls{gap:8px;bottom:12px;left:12px;right:auto}.preview-controls>span,.preview-caption{display:none}.preview-controls>button{width:30px;height:30px}.creator-footer{flex-wrap:nowrap;padding:10px 20px}.creator-footer>div{flex-basis:auto}.creator-footer>.primary{flex:none;min-width:180px;padding:12px}.creator-footer>div>span{font-size:7px;display:block}.creator-footer>div>small{font-size:8px}.creator-section{padding:14px 0}.concentrate,.fighting .concentrate{min-height:40px;padding:7px 10px;top:auto;bottom:113px;left:145px}.concentrate kbd{display:none}.concentrate strong{font-size:8px}.concentrate small{font-size:7px}.concentrate-icon{font-size:21px}}@media (prefers-reduced-motion:reduce){.concentrate[aria-pressed=true] .concentrate-icon{animation:none}}.custom-color{color:#dcd5bc;cursor:pointer;border:1px dashed #afc9b8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden}.custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.custom-color span{pointer-events:none;font-size:20px}.custom-color:focus-within{outline-offset:3px;outline:2px solid #eac596}