:root{font-family:Arial,sans-serif;color:#262b25;background:#f7f8f2;font-synthesis:none;--ink:#262b25;--lime:#c5f36c;--line:#dce0d4;--muted:#70776a}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4771ad;outline-offset:4px}input:focus{outline:2px solid #7c9d3b}h1,h2,h3,p{margin:0}button{font-size:14px}button:hover{filter:brightness(.96)}.app-shell{max-width:1560px;margin:auto}.site-header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:50px}.wordmark{text-decoration:none;font-size:36px;font-weight:950;letter-spacing:-2.5px;display:flex;align-items:center}.wordmark span{font-weight:400}.wordmark i{font-size:43px;color:var(--ink);font-style:normal;margin-left:10px}.header-tag{font:11px monospace;letter-spacing:1.7px;color:#6a7265}.site-header nav{margin-left:auto}.site-header nav button{border:1px solid #cbd2c2;border-radius:6px;padding:12px 18px;font-weight:700}.site-header nav span{margin-left:20px}.challenge-layout{display:grid;grid-template-columns:minmax(290px,1fr) minmax(380px,460px) 60px;gap:5%;padding:44px 5% 30px;align-items:start}.section-kicker,.eyebrow{font:11px monospace;letter-spacing:1.5px;font-weight:700}.section-kicker{color:#647257;display:flex;align-items:center;gap:10px}.tiny-star{font-size:24px;line-height:1;color:#759639}h1{font-size:clamp(38px,4.2vw,62px);line-height:1.02;letter-spacing:-3px;font-weight:850;margin:25px 0 20px}h1 em{font-style:normal;display:inline;background:linear-gradient(transparent 65%,var(--lime) 65%,var(--lime) 93%,transparent 93%)}.intro-copy{font-size:16px;line-height:1.65;color:#71776b}.boss-id{display:flex;align-items:center;gap:13px;margin-top:30px}.avatar{width:52px;height:57px;background:#e6ebd9;overflow:hidden;border-radius:12px;flex-shrink:0}.avatar .character{width:65px;height:75px;transform:translate(-5px,-1px)}.boss-id strong{display:block;font-size:21px;letter-spacing:-.6px}.boss-id span:not(.version-pill){font-size:12px;color:var(--muted);display:block;margin-top:4px}.version-pill{border:1px solid #ccd6be;padding:4px 7px;border-radius:4px;font:10px monospace;color:#72805f}.boss-id .version-pill{margin-left:auto}.trait-row{display:flex;gap:7px;margin:18px 0 13px;flex-wrap:wrap}.trait-row span{padding:7px 11px;border:1px solid #d8dfca;background:#edf1e4;border-radius:5px;font-size:12px}.roast-line{font-size:14px;line-height:1.5;color:#737969;font-style:italic;max-width:310px}.boss-loadout{border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.boss-loadout h3{font:10px monospace;letter-spacing:1.5px;color:#7c836f;margin-bottom:16px}.attack-list{padding:0;list-style:none;margin:0}.attack-list li{display:flex;gap:12px;margin:14px 0}.prop-tile{width:42px;height:44px;border:1px solid #dfe3d6;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:#eff1e7}.prop{width:38px;height:38px;object-fit:contain}.attack-list strong{font-size:13px;display:block;margin:3px 0}.attack-index{font:9px monospace;letter-spacing:1px;color:#79806d}.attack-list p{font-size:11px;line-height:1.45;color:#7a806e;max-width:285px}.board-link{display:flex;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;font-size:12px;margin-top:20px}.story-footer{display:flex;gap:12px;align-items:center;margin-top:20px}.story-footer>span{font-size:28px;font-weight:900;letter-spacing:-2px;transform:rotate(-8deg);background:var(--lime);padding:8px;border:1.5px solid var(--ink);border-radius:9px}.story-footer p{font-size:11px;line-height:1.5;color:#848a7d}.right-rail{height:650px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:18px}.vertical-text{writing-mode:vertical-rl;font:10px monospace;letter-spacing:4px;color:#879078}.rail-star{font-size:75px;color:#b9c6a5}.battle{border:1px solid #343c2e;background:#262d25;border-radius:18px;overflow:hidden;box-shadow:0 12px 0 -8px #c7ceba,0 18px 30px #2630210d;width:100%;max-width:460px}.battle-top{height:39px;display:flex;gap:6px;align-items:center;padding:0 13px;color:#b6c4a8;font:9px monospace}.live-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}.settings{margin-left:auto;display:flex;gap:8px}.settings button{font:8px monospace;color:#bec9b2;padding:4px 0}.arena-wrap{position:relative;margin:0 7px;border-radius:11px;overflow:hidden;background:#eaf0de;aspect-ratio:400/540}.canvas-host{position:absolute;inset:0;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-host canvas{display:block}.health-hud{position:absolute;left:17px;right:17px;top:15px;z-index:2;display:flex;gap:25px;pointer-events:none}.health-hud>div{flex:1}.health-hud span{font-size:11px;font-weight:900;letter-spacing:.5px;display:flex;justify-content:space-between;margin-bottom:7px}.health-hud small{font:8px monospace;color:#747e66}.health{height:9px;background:#d0d9c1;border:1.5px solid #293223;border-radius:3px;overflow:hidden}.health i{height:100%;display:block;background:#788f4d;transition:width .1s}.clock{font:700 23px monospace;line-height:1;min-width:59px;text-align:center;letter-spacing:-1px}.clock small{display:block;font:8px monospace;margin-top:4px;letter-spacing:1.5px}.start-cue{position:absolute;top:48%;left:0;right:0;text-align:center;pointer-events:none}.start-cue .eyebrow{font-size:8px;letter-spacing:1.2px;color:#697556}.start-cue h2{font-size:35px;letter-spacing:-1.5px;line-height:1.03;margin:10px auto 11px}.start-cue p{font-size:12px;color:#65724f}.gesture{display:inline-block;margin-top:15px;padding:6px 13px;border:1px solid #b8c5a7;border-radius:20px;font-size:10px;background:#eaf0de}.player-hud{position:absolute;bottom:16px;left:19px;right:19px;display:flex;gap:10px;align-items:center;pointer-events:none;font:10px monospace}.player-hud .health{width:90px;height:7px}.player-health i{background:#87abd0}.player-hud b{margin-left:auto}.attack-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 13px 4px}.attack-button{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9px;background:#3a4335;border:1px solid #536048;min-height:95px;color:#e8eede;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px}.attack-button:first-child{background:#c4f36c;border-color:#c4f36c;color:#26301d}.attack-button .prop{height:39px;width:39px;filter:drop-shadow(0 2px 0 #0002)}.attack-button strong{font-size:12px;margin:4px 0}.attack-button small{font:8px monospace;letter-spacing:1px;opacity:.75}.attack-num{position:absolute;left:8px;top:8px;font:8px monospace;opacity:.5}.attack-button.selected{outline:3px solid #94b9e9;outline-offset:-3px;background:#4b6785}.cooldown{position:absolute;inset:0;border-radius:8px;background:#20281cbb;display:grid;place-items:center;font:700 25px monospace;color:#fff}.control-note{text-align:center;font:8px monospace;color:#a8b59b;padding:12px 5px 15px}.target-hint{position:absolute;left:10px;right:10px;bottom:42px;background:#eaf2ff;border:1px solid #678eb7;border-radius:7px;font-size:11px;padding:9px;color:#355a82;display:flex;justify-content:space-between}.target-hint button{font-size:11px}.result-overlay{position:absolute;inset:0;z-index:4;background:#edf2e5ed;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:stretch;padding:60px 26px 22px;justify-content:center;text-align:center}.result-overlay h2{font-size:45px;letter-spacing:-2px;margin:15px 0 10px}.result-overlay>p{font-size:14px;line-height:1.5}.result-overlay .observation{font-size:12px;color:#6c765f;margin:16px 0 20px}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:7px;padding:15px 20px;font-weight:700;font-size:14px;min-height:48px;text-decoration:none}.primary{background:var(--lime);border:1px solid #adce74;box-shadow:0 2px #93b553}.secondary{border:1px solid #bdc9b0;background:#f3f5ed;margin-top:10px}.primary span,.secondary span{font-size:20px}.result-links{display:flex;justify-content:center;gap:12px;margin:20px 0 12px}.result-links button{font-size:10px;text-decoration:underline}.result-overlay>small{font:9px monospace;color:#76826a}.inline-notice{font-size:12px;padding:12px;color:#7b452e;background:#fff0db;line-height:1.5}.site-footer{margin:0 5%;padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center;color:#818876;font:10px monospace}.site-footer .status-dot{background:#889e5b;margin-right:8px}.site-footer b{margin:0 7px}.site-footer button{font:11px monospace;color:#626d54}.loading,.error-panel{padding:100px 5%;min-height:550px}.arena-loading{background:#eaf0de;min-height:700px;border-radius:16px}.error-panel button{max-width:300px;margin-top:20px}.editor,.personal-page{padding:45px 7% 60px}.editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.editor-heading h1,.personal-page h1{font-size:48px;margin:20px 0 12px}.editor-heading p{font-size:15px;color:#768069}.steps{display:flex;gap:8px}.steps button{border:1px solid #cbd4be;border-radius:50%;width:40px;height:40px;font:12px monospace}.steps .current{background:var(--lime);border-color:#aacb77}.search{width:100%;max-width:400px;padding:14px 17px;border:1px solid #cbd4be;border-radius:8px;background:#fff;margin-bottom:24px}.theme-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.theme-grid button{border:1px solid #d7ddce;background:#f0f3e9;border-radius:10px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;position:relative;min-height:107px}.theme-grid .prop{width:55px;height:55px}.theme-grid strong{font-size:12px;margin-top:10px}.theme-grid button>span{position:absolute;top:9px;right:10px;color:#819568;font-size:14px}.chosen{background:#d7efb1!important;border-color:#8da95e!important}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.editor-bottom>span{font-size:12px;color:#7c856e}.editor-bottom .primary{min-width:230px}.traits-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:40px}.trait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trait-grid button{padding:18px 14px;border:1px solid #ced8c0;background:#f0f3e9;border-radius:8px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.mini-reveal{text-align:center;background:#e7eeda;border-radius:15px;padding:20px}.mini-reveal .character{max-width:220px}.mini-reveal p{font-size:14px;line-height:1.6}.text-button{padding:12px 0;text-decoration:underline;font-size:13px}.reveal-grid,.personal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.portrait-stage{background:#e7eedb;background-image:linear-gradient(#c7d2b344 1px,transparent 1px),linear-gradient(90deg,#c7d2b344 1px,transparent 1px);background-size:35px 35px;border:1px solid #ccd7bb;border-radius:15px;min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait-stage .character{width:85%;max-width:360px;animation:idle 2.2s ease-in-out infinite;filter:drop-shadow(0 7px 0 #8a9b6e22)}@keyframes idle{50%{transform:translateY(-5px) rotate(1deg)}}.sticker{position:absolute;top:25px;left:20px;background:var(--lime);border:1px solid #354725;font:11px monospace;padding:10px;transform:rotate(-9deg);border-radius:3px;z-index:1}.portrait-caption{position:absolute;bottom:22px;font:10px monospace;letter-spacing:1px}.portrait-stage .version-pill{position:absolute;bottom:20px;background:#eaf1db}.field-label{display:block;font:10px monospace;letter-spacing:1px}.field-label input{display:block;width:100%;margin:8px 0 20px;padding:12px 14px;font-size:22px;letter-spacing:-.5px;font-weight:700;background:#fff;border:1px solid #c7d1ba;border-radius:7px}.kit-editor>div{position:relative;border-top:1px solid var(--line);padding:13px 57px 13px 0}.kit-editor strong{display:block;font-size:13px;margin:5px 0}.kit-editor p{font-size:12px;color:#758066;line-height:1.5}.kit-editor button{position:absolute;right:0;top:25px;font-size:11px;border:1px solid #c8d3b9;border-radius:5px;padding:6px}.reveal-controls summary{font-size:13px;padding:15px 0;cursor:pointer}.appearance{display:flex;gap:14px;flex-wrap:wrap;padding:10px 0}.appearance label{font-size:12px;display:flex;gap:6px;align-items:center}.appearance input[type=color]{height:25px;width:35px;padding:0;border:0}.appearance select{padding:6px;font-size:12px}.tuning{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}.tuning span{font-size:12px;color:#778167;margin-right:auto}.tuning button{padding:7px;font-size:11px;border:1px solid #cad6b9;border-radius:5px}.demo-lab{margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}.demo-lab h2{font-size:27px;letter-spacing:-1px}.demo-lab p{margin:12px 0 25px;font-size:14px;color:#768368}.demo-lab .battle{margin:auto}.personal-page>.character{max-width:250px;display:block}.personal-page>p{margin:20px 0}.personal-grid .attack-list{margin:25px 0}.personal-grid .attack-list p{max-width:none}.personal-grid .attack-list strong{font-size:15px}.personal-grid .attack-list p{font-size:13px}.button-row{display:flex;gap:10px}.button-row>*{flex:1}.secondary-copy{font-size:12px;line-height:1.5;color:#7d856e;margin-top:16px}.link-box{display:flex;margin-top:20px;gap:5px}.link-box input{min-width:0;flex:1;padding:10px;border:1px solid var(--line);font-size:12px;border-radius:5px}.link-box button{font-size:11px}.recent{border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.recent h2{font-size:22px;letter-spacing:-.6px}.recent small{font:11px monospace}.recent p{font-size:14px;color:#7b856e;margin-top:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#293421;color:#eaf1e1;padding:15px 18px;border-radius:8px;font-size:13px;max-width:90vw;z-index:30;box-shadow:0 8px 30px #0003;display:flex;gap:25px}.toast button{color:#eaf1e1}.modal-backdrop{position:fixed;inset:0;background:#20251ec4;z-index:20;display:grid;place-items:center;padding:20px}.board-modal{position:relative;background:#f5f8ed;border-radius:15px;width:100%;max-width:570px;padding:35px;max-height:85vh;overflow:auto}.close{display:block;margin-left:auto;margin-bottom:20px;font-size:12px}.board-modal h2{font-size:32px;letter-spacing:-1px;margin:20px 0 10px}.board-modal>p{font-size:13px;color:#778569}.empty-state{text-align:center;padding:50px 0;font-size:18px}.empty-state p{font-size:13px;margin-top:10px;color:#8a917e}.scores{list-style:none;padding:0}.scores li{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.scores li>span{margin-left:auto}.scores small{display:block;font-size:10px;color:#7a896e;margin-top:5px}pre{font-size:11px;overflow:auto;max-height:400px}@media(min-width:1400px){.challenge-layout{padding-top:55px;gap:7%;grid-template-columns:minmax(330px,1fr) 460px 75px}.challenge-story{padding-top:15px}.boss-loadout{margin-top:35px}}@media(max-width:1000px){.challenge-layout{grid-template-columns:minmax(260px,1fr) minmax(350px,420px);gap:4%}.right-rail{display:none}.header-tag{font-size:9px}.challenge-story h1{font-size:44px}.theme-grid{grid-template-columns:repeat(4,1fr)}.reveal-grid,.personal-grid{gap:25px}.trait-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{height:65px;padding:0 5%}.wordmark{font-size:29px;letter-spacing:-2px}.wordmark i{font-size:32px}.header-tag{display:none}.site-header nav button{font-size:12px;padding:9px 12px}.challenge-layout{display:flex;flex-direction:column;padding:14px 12px 20px;gap:14px}.challenge-story{width:100%;padding:0 5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.challenge-story>.section-kicker,.challenge-story>h1,.challenge-story>.intro-copy,.roast-line,.boss-loadout,.board-link,.story-footer{display:none}.boss-id{margin:0;flex:1;gap:9px}.boss-id strong{font-size:17px}.boss-id span:not(.version-pill){font-size:10px}.avatar{width:38px;height:40px;border-radius:8px}.avatar .character{width:46px;height:53px;transform:translate(-3px,-1px)}.boss-id .version-pill{display:none}.trait-row{margin:0;gap:4px}.trait-row span{padding:5px 7px;font-size:9px}.battle{align-self:center;max-width:430px;border-radius:14px}.battle-top{height:31px;font-size:8px;padding:0 10px}.settings button{font-size:7px}.arena-wrap{margin:0 5px;max-height:calc(100svh - 300px);min-height:320px;aspect-ratio:400/540}.attack-deck{gap:7px;padding:9px 10px 0}.attack-button{min-height:80px}.attack-button .prop{height:31px;width:31px}.attack-button strong{font-size:11px}.attack-button small{font-size:7px}.control-note{font-size:7px;padding:10px 3px 12px}.health-hud{top:12px;left:14px;right:14px}.clock{font-size:20px}.health-hud span{font-size:10px}.health{height:7px}.start-cue h2{font-size:29px;margin:6px auto 8px}.start-cue .eyebrow{font-size:7px}.start-cue p{font-size:10px}.gesture{font-size:9px;margin-top:10px;padding:5px 9px}.result-overlay{padding:25px 22px 15px}.result-overlay h2{font-size:36px;margin:10px 0}.result-overlay .observation{font-size:11px;margin:10px 0 15px}.result-overlay>p{font-size:12px}.result-overlay .eyebrow{font-size:9px}.result-overlay .primary,.result-overlay .secondary{padding:10px 16px;min-height:40px;font-size:12px}.result-links{margin:15px 0 8px}.site-footer{padding:15px 0 calc(15px + env(safe-area-inset-bottom));font-size:8px;line-height:1.6;align-items:start}.site-footer>span{max-width:58%}.site-footer button{font-size:9px;text-align:right;max-width:40%}.editor,.personal-page{padding:28px 5%}.editor-heading{align-items:start;gap:10px}.editor-heading h1,.personal-page h1{font-size:35px;letter-spacing:-1.8px}.editor-heading p{font-size:13px;line-height:1.6}.steps{gap:4px}.steps button{width:27px;height:27px;font-size:9px}.section-kicker{font-size:9px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:8px}.theme-grid button{padding:9px 7px;min-height:90px}.theme-grid .prop{width:45px;height:45px}.theme-grid strong{font-size:11px}.editor-bottom{position:sticky;bottom:0;background:#f7f8f2;padding:18px 0 calc(10px + env(safe-area-inset-bottom));z-index:5}.editor-bottom>span{display:none}.editor-bottom .primary{min-width:190px;margin-left:auto;font-size:12px;padding:12px}.traits-layout{display:block}.trait-grid{gap:8px}.trait-grid button{padding:14px 10px;font-size:12px}.mini-reveal{display:none}.reveal-grid,.personal-grid{display:flex;flex-direction:column;gap:23px}.portrait-stage{min-height:285px}.portrait-stage .character{max-width:240px}.sticker{font-size:9px;top:20px;left:20px}.portrait-caption{font-size:8px;bottom:12px}.field-label input{font-size:20px}.personal-grid .intro-copy{font-size:14px}.button-row .secondary{font-size:12px;padding:12px}.toast{bottom:15px;width:90%;font-size:12px}.demo-lab .battle{margin:0 auto}.error-panel{padding:40px 5%;min-height:500px}.error-panel h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.online-identity{margin:0 5%;padding:15px 0}.online-identity p{font-size:12px;color:#7b856e;margin-bottom:10px}.pending-replay{display:flex;gap:15px;align-items:center;padding:12px 5%;background:#e6f0d8;font-size:12px}.pending-replay button{font-size:12px;text-decoration:underline}.attack-button strong{font-size:14px}.attack-button small{font-size:10px}.control-note{font-size:9px}.cancel-zone{position:absolute;inset:4px;border:1px dashed #bed6f3;border-radius:6px;font:8px monospace;padding-top:3px;pointer-events:none}.attack-button.selected .attack-num{visibility:hidden}@media(max-width:700px){.attack-button strong{font-size:13px}.attack-button small{font-size:9px}.control-note{font-size:8px}}