@import"https://fonts.googleapis.com/css2?family=Anton&family=Creepster&family=Limelight&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,700&family=UnifrakturCook:wght@700&display=swap";:root{color-scheme:light;font-family:Literata,serif;--app-height: 100vh;--color-bg: #243237;--color-bg-soft: #33454b;--color-panel: rgba(31, 42, 46, .84);--color-panel-alt: rgba(44, 59, 64, .92);--color-gold-light: #d5b068;--color-gold-dark: #896830;--color-blue-light: #7a97a1;--color-blue-dark: #49646b;--color-green: #849770;--color-paper: #f3ecd7;--color-paper-dim: #d8c59a;--color-paper-shadow: #b8aa86;background:radial-gradient(circle at 14% 12%,rgba(213,176,104,.18),transparent 28%),radial-gradient(circle at 82% 14%,rgba(122,151,161,.18),transparent 24%),linear-gradient(180deg,#34464c,#243237);color:var(--color-paper)}@supports (height: 100dvh){:root{--app-height: 100dvh}}*{box-sizing:border-box}html{width:100%;height:var(--app-height);overflow:hidden;overscroll-behavior:none}body{margin:0;width:100%;height:var(--app-height);overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 0%,rgba(213,176,104,.08),transparent 26%),linear-gradient(180deg,#7a97a114,#2432372e),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 2px,transparent 2px,transparent 6px)}#app{position:fixed;inset:0 0 auto;width:100%;height:var(--app-height);overflow:hidden;padding:0}.viewport{position:relative;width:100%;height:var(--app-height);overflow:hidden}.viewport canvas{display:block;width:100%;height:100%}.overlay{position:absolute;top:max(.55rem,env(safe-area-inset-top));right:max(.55rem,env(safe-area-inset-right));bottom:max(.55rem,env(safe-area-inset-bottom));left:max(.55rem,env(safe-area-inset-left));pointer-events:none}.brand-badge,.deployment-banner,.nameplate-layer,.controls-panel,.player-panel,.player-toggle,.fight-toggle-slot,.fight-toggle,.debug-panel{pointer-events:auto}.brand-badge{position:absolute;top:0;left:0;width:auto;max-width:calc(100% - 5rem);margin:.15rem 0 0;padding:0;background:none;box-shadow:none;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28))}.brand-badge:before{content:"";position:absolute;inset:-.35rem -.85rem -.45rem;z-index:-1;border-radius:999px;background:#00000057;filter:blur(14px)}.brand-badge__title{margin:0;display:inline-flex;align-items:flex-end;flex-wrap:wrap;gap:.55rem;width:auto;max-width:100%}.brand-badge__title-main,.brand-badge__title-lite{display:block}.brand-badge--intro .brand-badge__title{justify-content:center;text-align:center}.brand-badge__title-main{font-family:UnifrakturCook,serif;font-size:clamp(2rem,4vw,3.1rem);line-height:.94;color:transparent;background:linear-gradient(180deg,#f0d89d 0%,var(--color-gold-light) 42%,var(--color-gold-dark) 100%);background-clip:text;-webkit-background-clip:text;text-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 0 rgba(34,42,45,.7)}.brand-badge__title-lite{align-self:flex-end;margin-top:0;width:max-content;font-family:Limelight,serif;font-size:clamp(1.35rem,3vw,2.15rem);letter-spacing:.14em;text-transform:uppercase;color:transparent;background:linear-gradient(180deg,var(--color-paper) 0%,#d3e0e4 20%,var(--color-blue-light) 48%,var(--color-blue-dark) 76%,var(--color-paper) 100%);background-clip:text;-webkit-background-clip:text;text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 0 rgba(31,42,46,.7)}.fight-toggle-slot{position:absolute;bottom:0;right:0;z-index:30;display:flex;align-items:flex-start;justify-content:flex-end;min-height:7.6rem;pointer-events:none}.fight-toggle{appearance:none;pointer-events:auto;min-height:0;position:static;border:1px solid rgba(195,78,69,.72);border-radius:999px;padding:1.1rem 1.6rem;background:linear-gradient(180deg,#e8675af5,#74221df5);color:#fff3ef;font-family:Anton,sans-serif;font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 24px #00000038;user-select:none;-webkit-user-select:none}.fight-toggle--active{border-color:#ffafa4e0;background:linear-gradient(180deg,#ff7a6cfa,#982a23fa);color:#fff7f4;transform:translateY(1px)}.fight-toggle[hidden]{display:none}.player-toggle{position:absolute;top:.15rem;right:0;appearance:none;border:0;border-radius:999px;padding:.7rem .92rem;background:linear-gradient(180deg,#7a97a194,#49646bd6);color:var(--color-paper);font-family:Anton,sans-serif;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 24px #00000038}.player-toggle--close{border:1px solid rgba(195,78,69,.72);background:linear-gradient(180deg,#e8675af5,#74221df5);color:#fff3ef}.player-toggle[hidden],.brand-badge__deck{display:none}.deployment-banner{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(32rem,calc(100% - 9rem));padding:.72rem .95rem;border-radius:18px;border:1px solid rgba(213,176,104,.34);background:linear-gradient(180deg,#896830eb,#3e311cf0);box-shadow:0 18px 36px #00000047,inset 0 1px #ffffff14;text-align:center}.deployment-banner__title{font-family:Anton,sans-serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper)}.deployment-banner__copy{margin-top:.18rem;color:#f3ecd7eb;line-height:1.35;font-size:.9rem}.deployment-banner__copy span{display:block;margin-top:.18rem;color:#f3ecd7b8;font-size:.78rem}.death-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-width:min(92vw,42rem);font-family:Creepster,cursive;font-size:clamp(2.2rem,7vw,5rem);line-height:1;letter-spacing:0;text-align:center;color:#ffd2cf;text-shadow:0 0 10px rgba(104,10,18,.75),0 6px 26px rgba(0,0,0,.72)}.death-banner[hidden]{display:none}.player-panel{position:absolute;top:3.55rem;right:0;width:min(23rem,calc(100% - 1rem));max-height:calc(100% - 4.2rem);overflow:auto;padding:.95rem 1rem;border-radius:24px;border:1px solid rgba(122,151,161,.26);background:linear-gradient(180deg,#2c3b40e0,#1f2a2ecc);box-shadow:0 22px 48px #0000004d,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.player-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.player-panel__eyebrow,.player-panel__label,.player-panel__roster-title,.player-panel__save-title,.debug-panel__eyebrow,.debug-panel__stats dt,.player-panel__stats dt{font-family:Anton,sans-serif;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--color-paper-dim)}.player-panel__status{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:999px;background:#ffffff0a;font-family:Anton,sans-serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.player-panel__status--connecting{color:var(--color-blue-light)}.player-panel__status--connected{color:var(--color-green)}.player-panel__status--error,.player-panel__status--disconnected{color:var(--color-gold-light)}.player-panel__status-dot{width:.55rem;height:.55rem;border-radius:999px;background:currentColor}.player-panel__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;color:var(--color-blue-light);font-size:.88rem}.player-panel__meta strong{color:var(--color-paper);font-family:Anton,sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.player-panel__character,.player-panel__create,.player-panel__save{margin-top:.85rem;padding:.85rem .9rem;border-radius:18px;border:1px solid rgba(213,176,104,.14);background:linear-gradient(180deg,#d5b06814,#49646b2e)}.player-panel__character{display:flex;align-items:start;justify-content:space-between;gap:.85rem}.player-panel__name{font-size:1.25rem;font-weight:700;color:var(--color-paper)}.player-panel__caption{margin-top:.18rem;color:var(--color-blue-light);font-size:.9rem}.player-panel__level{padding:.42rem .65rem;border-radius:999px;background:#ffffff0f;font-family:Anton,sans-serif;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper)}.player-panel__xp{margin-top:.72rem;padding:.6rem .68rem;border-radius:14px;border:1px solid rgba(122,151,161,.2);background:#131c1f57}.player-panel__xp-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--color-blue-light);font-size:.78rem}.player-panel__xp-meta strong{color:var(--color-paper);font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.player-panel__xp-bar{display:block;width:100%;overflow:hidden;height:.34rem;margin-top:.42rem;border-radius:999px;border:1px solid rgba(11,12,14,.62);background:#0b0c0e80}.player-panel__xp-fill{display:block;min-width:.08rem;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7a97a1,#d5b068);transition:width .16s ease}.player-panel__create-title,.debug-panel__title{font-size:1rem;font-weight:700;color:var(--color-paper)}.player-panel__copy,.player-panel__error,.player-panel__notice,.debug-panel__copy,.player-panel__roster-copy{margin:.7rem 0 0;line-height:1.45}.player-panel__notice-stack{display:grid;gap:.35rem;margin-top:.7rem}.player-panel__notice-stack .player-panel__notice{margin:0}.player-panel__stats,.debug-panel__stats{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem;margin:.85rem 0 0}.player-panel__stats div,.debug-panel__stats div{padding:.72rem .78rem;border-radius:14px;background:#ffffff0a;min-width:0}.player-panel__stats dd,.debug-panel__stats dd{margin:.28rem 0 0;font-size:.96rem;font-weight:700;color:var(--color-paper);word-break:break-word}.player-panel__stat-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--color-paper);font-weight:700}.player-panel__stat-row strong{font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper-dim)}.player-panel__roster{margin-top:.8rem;padding:.82rem .9rem;border-radius:18px;border:1px solid rgba(122,151,161,.18);background:#131c1f3d}.player-panel__roster-list{display:grid;gap:.5rem;margin:.7rem 0 0;padding:0;list-style:none;max-height:12rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem;scrollbar-color:rgba(213,176,104,.5) rgba(255,255,255,.05)}.player-panel__roster-title-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.player-panel__roster-title-row>strong{font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper)}.player-panel__roster-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.7rem;padding:.22rem;border-radius:999px;background:#00000038}.player-panel__roster-tab{border:0;border-radius:999px;padding:.42rem .55rem;background:transparent;color:var(--color-paper-dim);font-family:Anton,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.player-panel__roster-tab--active{background:#d5b0682e;color:var(--color-paper)}.player-panel__roster-item{padding:.62rem .7rem;border-radius:12px;background:#ffffff0a}.player-panel__roster-item--self{border:1px solid rgba(213,176,104,.22)}.player-panel__roster-item--dead{opacity:.72}.player-panel__roster-item span{min-width:0;color:var(--color-paper)}.player-panel__roster-item em{color:var(--color-blue-light);font-style:normal}.player-panel__roster-item strong{flex-shrink:0;font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper-dim)}.player-panel__player-entry{min-width:0}.player-panel__player-entry summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;cursor:pointer;list-style:none}.player-panel__player-entry summary::-webkit-details-marker{display:none}.player-panel__player-entry summary:before{content:"+";flex:0 0 auto;width:1rem;color:var(--color-blue-light);font-family:Anton,sans-serif;font-size:.78rem;line-height:1}.player-panel__player-entry[open] summary:before{content:"-"}.player-panel__player-entry summary span{flex:1 1 auto}.player-panel__identity-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.58rem;padding-top:.58rem;border-top:1px solid rgba(122,151,161,.16);color:var(--color-paper-dim);font-size:.72rem;text-transform:uppercase}.player-panel__identity-row code{color:var(--color-paper);font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:none}.player-panel__detail-panel{margin-top:.6rem;padding:.62rem;border-radius:10px;background:#0000002e}.player-panel__detail-title{color:var(--color-paper-dim);font-family:Anton,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.player-panel__detail-list{display:grid;gap:.42rem;margin:.5rem 0 0;padding:0}.player-panel__detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.player-panel__detail-list dt,.player-panel__detail-list dd{margin:0}.player-panel__detail-list dt{color:var(--color-paper-dim)}.player-panel__detail-list dd{min-width:0;color:var(--color-paper);text-align:right}.player-panel__roster-copy--compact{margin-top:.58rem}.player-panel__form{display:grid;gap:.72rem;margin-top:.72rem}.player-panel__form--compact{gap:.5rem}.player-panel__input{width:100%;padding:.82rem .9rem;border:1px solid rgba(122,151,161,.2);border-radius:14px;background:#0b0c0e5c;color:var(--color-paper);font:inherit}.player-panel__input:focus{outline:none;border-color:#d5b0686b;box-shadow:0 0 0 3px #7a97a11f}.player-panel__actions{display:flex;flex-wrap:wrap;gap:.6rem}.player-panel__button,.debug-panel__button{appearance:none;border:0;border-radius:999px;padding:.76rem 1rem;background:linear-gradient(180deg,#e3c27f 0%,var(--color-gold-dark) 100%);color:#243237;font-family:Anton,sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 24px #00000038}.player-panel__button:hover,.debug-panel__button:hover{filter:brightness(1.06)}.player-panel__button:disabled,.debug-panel__button:disabled{cursor:not-allowed;opacity:.7}.debug-panel__button[data-saving=true]{cursor:wait}.player-panel__button--secondary,.debug-panel__button--secondary{background:linear-gradient(180deg,#7a97a194,#49646bd6);color:var(--color-paper)}.player-panel__error{color:#e4c589}.player-panel__notice{color:var(--color-green)}.controls-panel{position:absolute;left:0;bottom:0;width:min(16rem,calc(100% - 1rem));padding:.82rem .9rem;border-radius:22px;border:1px solid rgba(122,151,161,.24);background:linear-gradient(180deg,#2c3b40e6,#1f2a2ed1);box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.controls-panel--touch{width:fit-content;max-width:calc(100% - 7.5rem);padding:.5rem .52rem;border-radius:18px}.controls-panel__header{font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-paper-dim)}.controls-panel__copy{margin-top:.65rem;color:var(--color-blue-light);font-size:.84rem;line-height:1.4}.controls-panel__position{display:block;margin-top:.35rem;font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper)}.controls-panel__hint{display:block;margin-top:.35rem;color:var(--color-paper)}.controls-panel__keys{display:grid;grid-template-columns:repeat(3,2.45rem);gap:.38rem;margin-top:.72rem}.controls-panel__key{display:grid;place-items:center;height:2.4rem;border-radius:12px;border:1px solid rgba(122,151,161,.22);background:#ffffff0a;color:var(--color-paper);font-family:Anton,sans-serif;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.controls-panel__key--ghost{opacity:0}.controls-panel__joystick{display:grid;place-items:center;width:6.6rem;height:6.6rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.controls-panel__joystick-ring{position:relative;display:grid;place-items:center;width:100%;height:100%;border:1px solid rgba(122,151,161,.24);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(213,176,104,.12),transparent 35%),linear-gradient(180deg,#ffffff14,#11191c70);box-shadow:inset 0 1px 18px #00000047,0 8px 24px #00000038}.controls-panel__joystick-ring:before,.controls-panel__joystick-ring:after{content:"";position:absolute;background:#f3ecd729;pointer-events:none}.controls-panel__joystick-ring:before{width:58%;height:1px}.controls-panel__joystick-ring:after{width:1px;height:58%}.controls-panel__joystick-thumb{width:2.35rem;height:2.35rem;border:1px solid rgba(213,176,104,.42);border-radius:999px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.24),transparent 30%),linear-gradient(180deg,#d5b06880,#764934b8);box-shadow:0 10px 20px #00000047,inset 0 1px #ffffff2e;pointer-events:none;transition:transform 80ms linear}.controls-panel__joystick--active .controls-panel__joystick-thumb{transition:none}.nameplate-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nameplate{position:absolute;max-width:24rem;min-width:12.4rem;padding:.32rem .62rem .38rem;border-radius:14px;border:1px solid rgba(122,151,161,.24);background:#131c1fbd;color:var(--color-paper);transform:translate(-50%,calc(-100% - .5rem));box-shadow:0 10px 18px #00000038,inset 0 1px #ffffff0d}.nameplate__player-name{display:block;font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nameplate__player-bar{display:block;width:100%;overflow:hidden;height:.4rem;margin-top:.28rem;border-radius:999px;border:1px solid rgba(11,12,14,.62);background:#0b0c0e80}.nameplate__player-fill{display:block;min-width:.08rem;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bb3f31,#d5b068);transition:width .16s ease}.nameplate__xp-bar{display:block;width:100%;overflow:hidden;height:.32rem;margin-top:.18rem;border-radius:999px;border:1px solid rgba(11,12,14,.62);background:#0b0c0e80}.nameplate__xp-fill{display:block;min-width:.08rem;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6b8f9a,#d5b068);transition:width .16s ease}.nameplate--self{border-color:#d5b06857;background:linear-gradient(180deg,#d5b0682e,#131c1fcc)}.nameplate--patch{max-width:16rem;border-radius:14px;border-color:#7a97a152;background:#131c1fd1;color:var(--color-paper);font-family:SFMono-Regular,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.01em;text-transform:none;transform:translate(-50%,calc(-100% - .7rem))}.nameplate--mob{min-width:5.8rem;padding:.24rem .4rem .3rem;border:1px solid rgba(122,151,161,.24);background:#131c1fc7;box-shadow:0 8px 16px #00000038,inset 0 1px #ffffff0a;transform:translate(-50%,calc(-100% - .45rem))}.nameplate--mob-target{border-color:#d5b0686b;background:linear-gradient(180deg,#d5b06824,#131c1fd1)}.nameplate--portal{min-width:0;max-width:none;padding:.28rem .62rem .34rem;border-color:#6a42dc73;background:linear-gradient(180deg,#6a42dc4d,#131c1fdb);color:#efe6ff;font-family:Anton,sans-serif;font-size:.68rem;letter-spacing:.07em;line-height:1.1;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,calc(-100% - .7rem))}.nameplate__mob-meta{margin-bottom:.18rem;color:var(--color-paper-dim);font-family:Anton,sans-serif;font-size:.6rem;letter-spacing:.08em;line-height:1;text-transform:uppercase}.nameplate__mob-bar{display:block;width:100%;overflow:hidden;height:.24rem;border-radius:999px;border:1px solid rgba(11,12,14,.62);background:#0b0c0e80}.nameplate__mob-fill{display:block;min-width:.12rem;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bb3f31,#d5b068);transition:width .16s ease}.damage-number{position:absolute;min-width:1.1rem;padding:0;color:#ffd39a;font-family:Anton,sans-serif;font-size:1.02rem;letter-spacing:.02em;line-height:1;text-align:center;transform:translate(-50%,-100%);text-shadow:0 1px 0 rgba(11,12,14,.84),0 4px 12px rgba(0,0,0,.42);will-change:transform,opacity}.damage-number--incoming{color:#ff8f83}.xp-number{position:absolute;min-width:1.2rem;padding:0;color:#a4d7e8;font-family:Anton,sans-serif;font-size:.95rem;letter-spacing:.02em;line-height:1;text-align:center;transform:translate(-50%,-100%);text-shadow:0 1px 0 rgba(11,12,14,.84),0 4px 12px rgba(0,0,0,.42);will-change:transform,opacity}.level-up-effect{position:absolute;min-width:2.2rem;padding:0;color:#f0d89d;font-family:Anton,sans-serif;font-size:1.05rem;letter-spacing:.08em;line-height:1;text-transform:uppercase;text-align:center;transform:translate(-50%,-100%);text-shadow:0 1px 0 rgba(11,12,14,.84),0 0 12px rgba(213,176,104,.5),0 4px 14px rgba(0,0,0,.42);will-change:transform,opacity}.debug-panel{position:absolute;left:0;bottom:8.4rem;width:min(28rem,calc(100% - 1rem));max-height:min(26rem,calc(100% - 8rem));overflow:auto;padding:.95rem 1rem;border-radius:22px;border:1px solid rgba(122,151,161,.24);background:linear-gradient(180deg,#2c3b40e6,#1f2a2ed6);box-shadow:0 18px 42px #0000004d,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.debug-panel[hidden]{display:none}.debug-panel__tabs{display:flex;gap:.55rem;margin-top:.85rem}.debug-panel__tab{appearance:none;border:1px solid rgba(122,151,161,.22);border-radius:999px;padding:.55rem .85rem;background:#ffffff0a;color:var(--color-paper-dim);font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.debug-panel__tab--active{border-color:#d5b06857;background:linear-gradient(180deg,#d5b06829,#89683038);color:var(--color-paper)}.debug-panel__rule-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.debug-panel__pill{display:inline-flex;align-items:center;min-height:2rem;padding:.42rem .72rem;border-radius:999px;border:1px solid rgba(122,151,161,.18);background:#ffffff0a;font-family:Anton,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper-dim)}.debug-panel__pill--clean{color:var(--color-green)}.debug-panel__pill--dirty,.debug-panel__pill--warning{color:var(--color-gold-light)}.debug-panel__rule-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.debug-panel__log-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.debug-panel__log-list{display:grid;gap:.55rem;margin-top:.7rem}.debug-panel__log-entry{padding:.72rem .8rem;border-radius:14px;border:1px solid rgba(122,151,161,.16);background:#131c1f47;color:var(--color-paper);font-size:.8rem;line-height:1.4}.debug-panel__log-entry--warn{border-color:#d5b0683d}.debug-panel__log-entry--error{border-color:#bb3f3152}.debug-panel__log-meta{margin-bottom:.18rem;color:var(--color-paper-dim);font-family:Anton,sans-serif;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.debug-panel__toggle{display:inline-flex;align-items:center;gap:.55rem;margin-top:.7rem;color:var(--color-paper);font-size:.82rem}.debug-panel__toggle input{width:1rem;height:1rem;accent-color:var(--color-gold-light)}.debug-panel__rule-section{margin-top:.9rem;padding:.9rem;border-radius:18px;border:1px solid rgba(122,151,161,.16);background:#131c1f3d}.debug-panel__rule-section-title{font-size:.98rem;font-weight:700;color:var(--color-paper)}.debug-panel__rule-section-copy{margin:.3rem 0 0;color:var(--color-blue-light);line-height:1.42;font-size:.9rem}.debug-panel__rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.85rem}.debug-panel__rule-field{display:grid;gap:.4rem}.debug-panel__rule-label{font-family:Anton,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper-dim)}.debug-panel__input{width:100%;padding:.72rem .8rem;border:1px solid rgba(122,151,161,.2);border-radius:12px;background:#0b0c0e5c;color:var(--color-paper);font:inherit}.debug-panel__input:focus{outline:none;border-color:#d5b0686b;box-shadow:0 0 0 3px #7a97a11f}.debug-panel__rule-hint{color:var(--color-blue-light);font-size:.8rem;line-height:1.35}@media(max-width:960px){.viewport{height:var(--app-height)}.brand-badge{max-width:calc(100% - 7rem);margin:0}.brand-badge__title{gap:.38rem}.deployment-banner{width:calc(100% - 10rem)}.player-panel{top:3.8rem;right:0;width:min(20rem,calc(100% - .5rem));max-height:calc(100% - 10rem);padding:.82rem .88rem}.fight-toggle-slot{min-height:6.94rem}.fight-toggle{padding:.9rem 1.2rem;font-size:1.05rem}.debug-panel{left:0;right:0;width:auto}.controls-panel{width:min(13rem,calc(100% - 9rem));padding:.74rem .8rem}.controls-panel__keys{grid-template-columns:repeat(3,2.1rem)}.controls-panel__key{height:2rem;font-size:.8rem}.controls-panel__joystick{width:5.9rem;height:5.9rem}.controls-panel__joystick-thumb{width:2.1rem;height:2.1rem}.player-panel__stats,.debug-panel__stats,.debug-panel__rule-grid{grid-template-columns:1fr}}@media(max-width:640px){.brand-badge{max-width:calc(100% - 6.4rem)}.deployment-banner{width:calc(100% - 6rem)}.player-panel{top:3.45rem;width:min(18rem,calc(100% - .35rem));max-height:calc(100% - 9rem);border-radius:20px;padding:.76rem .8rem}.fight-toggle-slot{min-height:6.09rem}.fight-toggle{padding:.78rem 1rem;font-size:.92rem}.controls-panel{width:min(11.5rem,calc(100% - 8rem));max-width:11.5rem;padding:.68rem .72rem}.controls-panel--touch{width:fit-content;max-width:calc(100% - 8.5rem);padding:.42rem .44rem}.controls-panel__joystick{width:5.25rem;height:5.25rem}.controls-panel__joystick-thumb{width:1.9rem;height:1.9rem}.controls-panel__header,.controls-panel__copy{font-size:.72rem}.controls-panel__copy{margin-top:.5rem;line-height:1.3}}