.creature-art{display:grid;place-items:end center;line-height:0}.creature-art canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#battle{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#080a0eb8;padding:12px;font-family:var(--pixel);color:#1f2430}#battle[hidden]{display:none}#battle{grid-template-columns:minmax(0,1fr);justify-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.battle-frame{min-width:0;grid-template-columns:minmax(0,1fr)}.battle-frame{width:min(960px,100%);max-height:100%;display:grid;grid-template-rows:1fr auto;border:4px solid #1f2430;border-radius:14px;overflow:hidden;background:#1d2433;box-shadow:0 12px 40px #0008;animation:battle-in .35s ease-out}@keyframes battle-in{0%{transform:scale(.94);opacity:0}}.battle-field{position:relative;aspect-ratio:16 / 8.2;min-height:240px;background:linear-gradient(180deg,#bfe3f4,#def1f6 52%,#d9efc2 53%,#c5e6a3)}.platform{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#b5e07c 0,#b5e07c 55%,#8cc455 56%,#8cc455);box-shadow:inset 0 -6px #6fa843}.platform.foe{width:34%;height:13%;right:8%;top:42%}.platform.player{width:40%;height:15%;left:6%;bottom:6%}.fighter{position:absolute;transition:opacity .4s,translate .4s,scale .4s}.fighter.foe{right:25%;bottom:50%;transform:translate(50%)}.fighter.player{left:26%;bottom:11%;transform:translate(-50%)}.fighter.hit{animation:hit .42s steps(2) 1}.fighter.fainted{opacity:0;translate:0 24%}@keyframes hit{0%,50%{translate:-6% 0;opacity:.35}25%,75%{translate:6% 0;opacity:1}to{translate:0 0;opacity:1}}.info{position:absolute;background:#fbf6e3;border:3px solid #1f2430;border-radius:10px;padding:6px 12px 8px;min-width:42%;box-shadow:4px 4px #1f243055}.info.foe{left:4%;top:6%}.info.player{right:4%;bottom:8%}.info-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.info-name{font-weight:700;font-size:clamp(15px,2.4vw,22px);text-transform:uppercase}.info-level{font-size:clamp(13px,1.8vw,17px)}.status-badge{font-size:11px;font-weight:700;color:#fff;background:#7b5ea7;border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:middle}.status-badge[data-s=queimado]{background:#e8692f}.status-badge[data-s=paralisado]{background:#c9a227}.status-badge[data-s=adormecido]{background:#6b7280}.status-badge[data-s=envenenado]{background:#8e4fb3}.hp-row{display:flex;align-items:center;gap:6px;margin-top:4px}.hp-label{font-size:11px;font-weight:700;background:#e8692f;color:#fff;border-radius:4px;padding:0 5px}.hp-track{flex:1;height:10px;background:#4b5363;border-radius:6px;border:2px solid #1f2430;overflow:hidden}.hp-fill{height:100%;width:100%;background:#48c25a;transition:width .6s ease-out,background-color .3s}.hp-fill.mid{background:#f2c53d}.hp-fill.low{background:#e5484d}.hp-numbers{text-align:right;font-size:clamp(13px,1.8vw,16px);margin-top:2px}.xp-track{height:5px;background:#d8d2bb;border-radius:3px;margin-top:4px;overflow:hidden}.xp-fill{height:100%;background:#3a86c8;transition:width .6s}.battle-panel{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;background:#1d2433;border-top:4px solid #11151f;min-height:112px}.battle-message{background:#fbf6e3;border:3px solid #0d1018;border-radius:10px;padding:12px 14px;font-size:clamp(16px,2.2vw,21px);line-height:1.3;display:flex;align-items:center}.battle-actions{display:grid;grid-template-columns:repeat(2,minmax(120px,160px));gap:8px;align-content:center}.battle-actions.moves{grid-template-columns:repeat(2,minmax(140px,200px))}.battle-btn{font-family:var(--pixel);font-weight:700;font-size:clamp(14px,1.9vw,18px);text-transform:uppercase;padding:10px 8px;border-radius:8px;border:3px solid #0d1018;cursor:pointer;color:#1f2430;box-shadow:inset 0 -4px #00000030;text-align:center}.battle-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.battle-btn:disabled{opacity:.45;cursor:not-allowed}.battle-btn.fight{background:#e4645c;color:#fff}.battle-btn.bag{background:#f0c75e}.battle-btn.team{background:#8db3ea}.battle-btn.run{background:#f0c75e}.battle-btn.back{background:#c9ced8}.battle-btn.move{text-transform:none;display:grid;gap:2px;padding:8px;color:#fff}.battle-btn.move small{font-size:12px;font-weight:600;opacity:.9}.battle-actions[aria-busy=true]{visibility:hidden}@media(max-width:640px){#battle{padding:8px}.battle-field{aspect-ratio:auto;min-height:0;height:max(210px,60vw)}.battle-panel{grid-template-columns:minmax(0,1fr);padding:10px;gap:10px}.battle-actions,.battle-actions.moves,.battle-actions.list{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-btn{padding:12px 6px;min-height:48px}.info{min-width:0;width:54%;padding:4px 8px 6px}#battle .trainer-portrait{display:none}.info.player{right:3%}.battle-message{padding:10px 12px}}@media(max-height:480px){#battle{padding:6px}.battle-frame{grid-template-rows:minmax(0,1fr) auto;height:100%}.battle-field{aspect-ratio:auto;min-height:0}.battle-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:0;padding:8px;gap:8px}.battle-actions,.battle-actions.moves,.battle-actions.list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:110px}.battle-btn{padding:6px;min-height:0}.battle-message{font-size:15px;padding:6px 10px}}.battle-actions.list{grid-template-columns:repeat(2,minmax(150px,220px));max-height:180px;overflow-y:auto}.battle-btn.item,.battle-btn.member{background:#fbf6e3;text-transform:none;font-size:15px;display:flex;align-items:center;gap:8px;justify-content:center}.battle-btn.member{background:#dfe8f7}.zone-tag{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-size:13px;color:#1f2430;background:#fffa;border-radius:6px;padding:1px 10px}.thrown-orb{position:absolute;width:40px;height:40px;right:23%;top:30%;z-index:3;animation:throw .6s ease-out}@keyframes throw{0%{right:70%;top:70%;transform:rotate(-360deg) scale(.6)}60%{top:15%}to{right:23%;top:30%;transform:none}}.thrown-orb.wobble{animation:wobble .5s ease-in-out}@keyframes wobble{25%{transform:rotate(-22deg)}75%{transform:rotate(22deg)}}.thrown-orb.caught{filter:drop-shadow(0 0 8px #ffd84a)}.fighter.absorbed{opacity:0;scale:.2}.trainer-portrait{position:absolute;right:3%;top:6%;display:grid;justify-items:center;gap:2px}.trainer-portrait canvas{image-rendering:pixelated;width:64px;height:96px}.trainer-portrait span{font-size:13px;background:#fbf6e3;border:2px solid #1f2430;border-radius:6px;padding:0 6px}.foe-balls{position:absolute;left:5%;top:calc(6% + 62px);display:flex;gap:4px}.foe-balls[hidden]{display:none}.foe-balls .ball{width:12px;height:12px;border-radius:50%;border:2px solid #1f2430;background:linear-gradient(180deg,#2bb3a3 0,#2bb3a3 45%,#1f2430 45%,#1f2430 55%,#f3ead2 55%)}.foe-balls .ball.out{background:#9aa0b4;opacity:.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;padding:16px;grid-template-columns:minmax(0,1fr);justify-items:center;background:#080a0e8c}.modal{width:min(460px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#f3efe4;border:3px solid #1f2430;border-radius:12px;overflow:hidden;box-shadow:0 6px #0a0d14;font-family:var(--pixel);color:#1f2430;animation:modal-in .18s ease-out}.modal.wide{width:min(720px,100%)}@keyframes modal-in{0%{transform:translateY(8px);opacity:0}}.modal-head{display:flex;align-items:center;background:#1d2a44;color:#fff;padding:8px 10px 8px 16px}.modal-head h2{margin:0;flex:1;font-size:20px;text-transform:uppercase;letter-spacing:1px}.modal-body{padding:14px 16px 16px;overflow-y:auto;display:grid;gap:10px}.modal-body.dialog p{margin:0;font-size:19px;line-height:1.35}.pbtn{font-family:var(--pixel);font-weight:700;font-size:15px;padding:7px 12px;border-radius:8px;border:2px solid #1f2430;background:#ffd84a;color:#1f2430;cursor:pointer;box-shadow:inset 0 -3px #0000002a}.pbtn:hover:not(:disabled){filter:brightness(1.06)}.pbtn:disabled{opacity:.45;cursor:not-allowed}.pbtn.ghost{background:#c9d2e3}.pbtn.small{padding:3px 9px}.pbtn.close{background:transparent;color:#fff;border-color:transparent;box-shadow:none;font-size:18px}.pbtn.tab{background:#e2dccb}.pbtn.tab.active{background:#ffd84a}.tabs{display:flex;gap:8px}.hint{margin:0;color:#5b6272;font-family:system-ui,sans-serif;font-size:13px}.empty{margin:8px 0;color:#5b6272}.money-line,.dex-line{font-weight:700;font-size:16px}.dex-line{color:#5b6272;font-size:14px}.c-list,.i-list{display:grid;gap:8px}.c-row{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:8px 10px;background:#fffaf0;border:2px solid #c9c1ad;border-radius:10px}.c-row.fainted{opacity:.6}.c-art{width:64px;height:64px;place-items:center}.c-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:17px}.c-lvl{color:#5b6272}.c-type,.c-status{font-size:11px;font-weight:700;color:#fff;border-radius:4px;padding:0 6px;border:1px solid #1f2430}.c-status{background:#7b5ea7}.c-hpline{display:flex;align-items:center;gap:6px;margin-top:4px}.c-hplabel{font-size:11px;font-weight:700;background:#e8692f;color:#fff;border-radius:4px;padding:0 5px}.p-hp{flex:1;height:8px;background:#4b5363;border-radius:6px;border:2px solid #1f2430;overflow:hidden}.p-hp-fill{height:100%;background:#48c25a}.p-hp-fill.mid{background:#f2c53d}.p-hp-fill.low{background:#e5484d}.c-hpnum{font-size:13px;min-width:52px;text-align:right}.c-xp{height:4px;background:#d8d2bb;border-radius:3px;margin-top:4px;overflow:hidden}.c-xp-fill{height:100%;background:#3a86c8}.c-moves{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.c-move{font-size:12px;padding:1px 6px;border:2px solid;border-radius:6px;background:#fff}.c-actions{display:grid;gap:6px}.i-row{display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;background:#fffaf0;border:2px solid #c9c1ad;border-radius:10px}.i-text{display:grid;gap:2px}.i-text span{font-family:system-ui,sans-serif;font-size:13px;color:#5b6272}.i-note{font-family:system-ui,sans-serif;font-size:12px;color:#5b6272}.item-icon{display:inline-block}.item-icon svg{width:100%;height:100%;display:block}.stepper{display:flex;align-items:center;gap:4px}.i-buy{display:flex;align-items:center;gap:10px;grid-column:3 / -1;justify-content:flex-end}.stepper .qty{min-width:22px;text-align:center;font-weight:700}@media(max-width:560px){.c-row{grid-template-columns:48px 1fr}.c-art{width:64px;height:64px}.c-actions{grid-column:1 / -1;grid-auto-flow:column}.i-row{grid-template-columns:36px 1fr}.i-buy{grid-column:1 / -1;justify-content:space-between}.i-row>.pbtn,.i-row>.i-note{grid-column:1 / -1;justify-self:end}.stepper .pbtn{min-width:38px;min-height:36px;font-size:18px}}.badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge-list{display:flex;gap:6px}.badge{width:20px;height:20px;transform:rotate(45deg);border:2px solid #1f2430;background:#d8d2bb;border-radius:3px}.badge.got{background:var(--type);box-shadow:inset 0 0 0 2px #fff8}.gym-quote{margin:0;font-size:18px;line-height:1.35}.gym-facts{margin:0;padding-left:20px;font-family:system-ui,sans-serif;font-size:14px;display:grid;gap:4px}.gym-actions{display:flex;justify-content:flex-end;gap:8px}.social-text{margin:0;font-family:system-ui,sans-serif;font-size:15px;line-height:1.45;color:#1f2430}.social-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.social-actions .pbtn{min-height:40px}.trade-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trade-col{display:grid;gap:8px;align-content:start;min-width:0}.trade-col h3{margin:0;font-size:17px;text-transform:uppercase}.trade-pick{max-height:46vh;overflow-y:auto;padding-right:2px}.trade-wait{margin:0;padding:18px 12px;border:2px dashed #c9c1ad;border-radius:10px;text-align:center;color:#5b6272}.trade-status{margin:0;font-weight:700;font-size:16px}@media(max-width:560px){.trade-cols{grid-template-columns:minmax(0,1fr)}.trade-pick{max-height:32vh}}.tutor-section{display:grid;gap:8px}.tutor-section h3{margin:4px 0 0;font-size:17px;text-transform:uppercase}.tutor-list{display:grid;gap:6px}.tutor-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;background:#fffaf0;border:2px solid #c9c1ad;border-radius:10px}.tutor-row.on{border-color:#1f2430;background:#ffe38a}.tutor-row .pbtn{margin-left:auto}.tutor-move{font-size:14px;font-weight:700}.tutor-info{font-family:system-ui,sans-serif;font-size:12px;color:#5b6272}#look-editor{z-index:26}#login{z-index:10}#login,#look-editor{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:20px 16px 32px;background:radial-gradient(circle at 20% 10%,#2c4a3a 0%,transparent 45%),radial-gradient(circle at 85% 90%,#233a5c 0%,transparent 50%),#141a24}.creator{width:min(1080px,100%);margin:0 auto;display:grid;gap:16px;font-family:var(--pixel);color:#1f2430}.creator-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.creator-head h1{margin:0;font-size:44px;color:#ffd84a;letter-spacing:1px;text-shadow:0 4px 0 #8a5a12}.creator-head .step{color:#c9d2e3;font-size:18px}.creator-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}@media(max-width:860px){.creator-body{grid-template-columns:1fr}.preview{order:-1}}.panel{background:#f3efe4;border:3px solid #1f2430;border-radius:12px;overflow:hidden;box-shadow:0 6px #0a0d14}.panel h2{margin:0;background:#1d2a44;color:#fff;text-align:center;font-size:20px;letter-spacing:1px;text-transform:uppercase;padding:10px 12px}.panel-body{padding:14px}.opt-row{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:2px solid #e2dccb}.opt-row:last-child{border-bottom:0}.opt-label{font-weight:700;font-size:17px;text-transform:uppercase}.opt-styles,.opt-swatches{display:flex;flex-wrap:wrap;gap:8px}.style-chip{display:grid;justify-items:center;gap:2px;padding:4px 6px 6px;min-width:64px;cursor:pointer;background:#fffaf0;border:2px solid #c9c1ad;border-radius:8px;font-family:var(--pixel);font-size:12px;color:#1f2430}.style-chip canvas{image-rendering:pixelated;display:block}.style-chip[aria-pressed=true]{border-color:#1f2430;background:#ffe38a;box-shadow:0 3px #1f2430}.style-chip:hover{border-color:#1f2430}.swatch{width:28px;height:28px;border-radius:6px;border:2px solid #1f2430;cursor:pointer;padding:0;box-shadow:inset 0 -4px #0000002a}.swatch[aria-pressed=true]{outline:3px solid #ffd84a;outline-offset:2px;transform:translateY(-2px)}.preview{position:sticky;top:12px}.stage{display:flex;justify-content:center;gap:4px;padding:14px 4px 10px;border-radius:10px;border:2px solid #c9c1ad;background:linear-gradient(180deg,#cfe9f6 0,#cfe9f6 55%,#a8d97c 55%,#a8d97c)}.stage canvas{image-rendering:pixelated;width:84px;height:126px}.field-label{display:block;margin:14px 0 6px;font-weight:700;text-transform:uppercase;font-size:15px}.name-input{width:100%;padding:10px 12px;border-radius:8px;border:2px solid #1f2430;background:#fffaf0;font-family:var(--pixel);font-size:18px;color:#1f2430}.preview-actions,.step2-actions{display:flex;gap:10px;margin-top:14px}.preview-actions .btn{flex:1}.btn{font-family:var(--pixel);font-weight:700;font-size:18px;text-transform:uppercase;padding:10px 18px;border-radius:10px;border:3px solid #1f2430;cursor:pointer;box-shadow:inset 0 -5px #0000002e;color:#1f2430}.btn.primary{background:#ffd84a}.btn.ghost{background:#c9d2e3}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:760px){.starter-grid{grid-template-columns:1fr}}.starter-card{display:grid;justify-items:center;gap:8px;padding:14px 12px 16px;cursor:pointer;text-align:center;border-radius:12px;border:3px solid #c9c1ad;font-family:var(--pixel);color:#1f2430;background:linear-gradient(180deg,color-mix(in srgb,var(--type) 22%,#fffaf0),#fffaf0 70%)}.starter-card[aria-pressed=true]{border-color:#1f2430;box-shadow:0 5px #1f2430;transform:translateY(-3px)}.starter-name{font-size:26px;text-transform:uppercase}.starter-art{height:150px}.type-tag{background:var(--type);color:#fff;border:2px solid #1f2430;border-radius:6px;padding:1px 10px;font-size:15px;font-weight:700;text-transform:uppercase}.starter-card p{margin:0;font-family:system-ui,sans-serif;font-size:14px;color:#4b5363}.step2-actions{justify-content:space-between;align-items:center}.mini-trainer{image-rendering:pixelated;width:48px;height:72px}.creator-error{color:#ff8a8a;font-family:system-ui,sans-serif;min-height:1em}#toast{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:30;font-family:var(--pixel);background:#ffd84a;color:#1f2430;border:3px solid #1f2430;border-radius:10px;padding:10px 18px;font-size:18px}#toast[hidden]{display:none}.welcome-hero{text-align:center;padding:18px 0 6px}.welcome-hero h1{margin:0;font-size:72px;color:#ffd84a;letter-spacing:2px;text-shadow:0 6px 0 #8a5a12}.welcome-hero p{margin:8px auto 0;max-width:560px;color:#c9d2e3;font-size:18px}.welcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:760px){.welcome-grid{grid-template-columns:1fr}.welcome-hero h1{font-size:52px}}.login-form,.new-player{display:grid;gap:12px;align-content:start}.new-player p{margin:0;font-family:system-ui,sans-serif;color:#4b5363}.welcome-sample{display:flex;justify-content:center;gap:4px;padding:8px 0;border-radius:10px;background:linear-gradient(180deg,#cfe9f6 0,#cfe9f6 60%,#a8d97c 60%,#a8d97c);border:2px solid #c9c1ad}.welcome-art{height:110px}.field{display:grid;gap:4px}.field .field-label{margin:0}.form-error,.creator-error{color:#c4302b;font-family:system-ui,sans-serif;font-size:14px;min-height:1.2em}.creator-error{color:#ff9a9a;text-align:center;font-size:16px}.btn.small{font-size:14px;padding:4px 12px;margin-left:auto}.creator-head{align-items:center}.account-line{margin:10px 0 0;font-family:system-ui,sans-serif;font-size:13px;color:#5b6272}.auth .auth-panel{width:min(440px,100%);margin:0 auto}.auth-form,.auth-body{display:grid;gap:12px}.auth-form .btn,.auth-body .btn{width:100%}.auth-links{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.link-btn{background:none;border:0;padding:0;color:#2a66a0;font-family:system-ui,sans-serif;font-size:14px;text-decoration:underline;cursor:pointer;justify-self:start}.auth-sep{text-align:center;font-family:system-ui,sans-serif;font-size:13px;color:#5b6272;margin-top:6px}.auth-text{margin:0;font-family:system-ui,sans-serif;font-size:15px;line-height:1.45;color:#1f2430}.form-ok{color:#2c7547;font-family:system-ui,sans-serif;font-size:14px;min-height:1.2em}.auth-foot{margin-top:18px;text-align:center;font-size:13px}.auth-foot a{color:#9aa3b2}.auth-foot a:hover{color:#e9ecf2}#touch{position:fixed;left:0;right:0;bottom:0;z-index:6;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));font-family:var(--pixel);-webkit-user-select:none;user-select:none}#touch *{-webkit-tap-highlight-color:transparent}.dpad{pointer-events:auto;touch-action:none;position:relative;width:148px;height:148px;border-radius:50%;background:#1012186b;border:2px solid rgba(255,255,255,.22)}.dpad-arrow{position:absolute;width:46px;height:46px;display:grid;place-items:center;font-size:18px;color:#ffffffd9;border-radius:12px;background:#ffffff1a;pointer-events:none}.dpad-arrow.up{left:51px;top:6px}.dpad-arrow.down{left:51px;bottom:6px}.dpad-arrow.left{left:6px;top:51px}.dpad-arrow.right{right:6px;top:51px}.dpad-arrow.on{background:#ffd84a;color:#1f2430}.dpad-knob{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#ffffff47;border:2px solid rgba(255,255,255,.4);pointer-events:none}.touch-actions{pointer-events:none;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto;gap:10px;align-items:end;justify-items:end}.t-btn{pointer-events:auto;touch-action:manipulation;font-family:var(--pixel);font-weight:700;color:#1f2430;border:3px solid #1f2430;cursor:pointer;box-shadow:inset 0 -4px #0000002e}.t-btn:active{filter:brightness(.92);transform:translateY(1px)}.t-small{grid-column:1;min-width:92px;padding:8px 10px;font-size:15px;border-radius:10px;background:#c9d2e3}.t-main{grid-column:2;grid-row:2 / span 2;width:78px;height:78px;border-radius:50%;font-size:30px;background:#ffd84a}html.touch.chat-open #touch{display:none}html.touch,html.touch body{overscroll-behavior:none}html.touch *{touch-action:manipulation}html.touch body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.touch input,html.touch textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html.touch .dpad,html.touch .dpad *,html.touch #game{touch-action:none}html.touch .kbd,html.touch .hud-help{display:none!important}html.touch #hud-team-btn,html.touch #hud-bag-btn{display:none}html.touch #hud{top:max(8px,env(safe-area-inset-top));left:8px;right:8px;gap:6px}html.touch #hud>*{font-size:13px;padding:4px 8px}html.touch #chat{top:calc(max(8px,env(safe-area-inset-top)) + 62px);bottom:auto;left:8px;width:min(320px,calc(100vw - 16px));background:transparent;border-color:transparent;padding:0;pointer-events:none}html.touch #chat input{display:none}html.touch #chat-log{height:auto;max-height:58px;overflow:hidden;font-size:12px;text-shadow:0 1px 2px #000,0 0 4px #000;display:flex;flex-direction:column;justify-content:flex-end}html.touch.chat-open #chat{background:var(--panel);border-color:var(--line);padding:8px;pointer-events:auto;z-index:7;width:calc(100vw - 16px)}html.touch.chat-open #chat input{display:block;font-size:16px}html.touch.chat-open #chat-log{max-height:30vh;overflow-y:auto;text-shadow:none;display:block}.chat-close{display:none}html.touch.chat-open .chat-close{display:block;align-self:flex-end}@media(max-height:480px){.dpad{width:120px;height:120px}.dpad-arrow{width:38px;height:38px}.dpad-arrow.up{left:41px;top:4px}.dpad-arrow.down{left:41px;bottom:4px}.dpad-arrow.left{left:4px;top:41px}.dpad-arrow.right{right:4px;top:41px}.t-main{width:64px;height:64px;font-size:24px}.t-small{min-width:80px;padding:6px 8px;font-size:13px}}