:root{color:#fff6d5;font-synthesis:none;overscroll-behavior:none;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--app-viewport-width:100vw;--app-viewport-height:100dvh;background:#0c130e;font-family:Trebuchet MS,Arial Black,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}html{background:#0c130e}body{width:var(--app-viewport-width);height:var(--app-viewport-height);touch-action:none;-webkit-user-select:none;user-select:none;background:#0c130e;position:fixed;top:0;left:0}#app{width:var(--app-viewport-width);height:var(--app-viewport-height);position:fixed;top:0;left:0}#game-shell{contain:strict;background:#101a13;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden}#auth-overlay{z-index:80;padding:max(12px, var(--safe-area-top)) max(18px, var(--safe-area-right)) max(12px, var(--safe-area-bottom)) max(18px, var(--safe-area-left));touch-action:pan-y;background:radial-gradient(circle at 50% 18%,#69c07d3d,#0000 38%),linear-gradient(160deg,#14251a,#080f0b 70%);place-items:center;display:grid;position:absolute;inset:0;overflow:auto}#auth-overlay[hidden]{display:none}#connection-overlay{z-index:70;padding:max(12px, var(--safe-area-top)) max(18px, var(--safe-area-right)) max(12px, var(--safe-area-bottom)) max(18px, var(--safe-area-left));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;background:#040a07c7;place-items:center;display:grid;position:absolute;inset:0}#connection-overlay[hidden]{display:none}.connection-card{text-align:center;background:#141f18fa;border:3px solid #7c5b51;border-radius:12px;width:min(390px,88vw);padding:18px 24px;box-shadow:inset 0 0 0 1px #ffd5bf2e,0 8px #050a07}.connection-card__signal{color:#ffe0b5;border:3px solid #d09572;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 6px;font:900 25px/1 Arial Black,Arial,sans-serif;display:grid}.connection-card h2{color:#ffe0b5;letter-spacing:.05em;margin:0;font:900 clamp(18px,4vw,28px)/1.1 Arial Black,Arial,sans-serif}.connection-card p{color:#d3ddd5;margin:8px 0 14px;font-size:13px;font-weight:700}#connection-retry-button{color:#fff6d5;cursor:pointer;touch-action:manipulation;background:#347147;border:2px solid #80ad72;border-radius:7px;min-width:180px;min-height:42px;font:900 14px/1 Arial Black,Arial,sans-serif;box-shadow:inset 0 -3px #05200f59}#connection-retry-button:disabled{cursor:wait;opacity:.6}.auth-card{text-align:center;background:#0d1d13f5;border:3px solid #517c5e;border-radius:12px;width:min(430px,92vw);padding:18px 24px 16px;box-shadow:inset 0 0 0 1px #b7e5be33,0 8px #050a07}.auth-card__brand{color:#fff2bd;text-shadow:2px 2px #10261a;background:#295c3c;border:3px solid #d7b65b;border-radius:10px 10px 18px 18px;place-items:center;width:48px;height:48px;margin:-2px auto 5px;font-family:Arial Black,Arial,sans-serif;font-size:28px;line-height:1;display:grid}.auth-card h1{color:#fff2bd;letter-spacing:.08em;text-shadow:3px 3px #08110c;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(23px,4.2vw,34px)}.auth-card__intro{color:#b8cfbe;margin:2px 0 12px;font-size:13px}#auth-form{gap:8px;display:grid}.auth-field{text-align:left;gap:3px;display:grid}.auth-field[hidden]{display:none}.auth-field span{color:#d3e1d5;font-size:12px;font-weight:800}.auth-field input{color:#132219;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#f5f0d8;border:2px solid #42614b;border-radius:6px;outline:0;width:100%;min-height:38px;padding:7px 10px;font:700 16px/1.2 Trebuchet MS,Arial,sans-serif}.auth-field input:focus{border-color:#e2bd59;box-shadow:0 0 0 2px #e2bd5938}.auth-error{color:#ff9e87;margin:0;font-size:12px;font-weight:800}.auth-error[hidden]{display:none}.auth-submit,.auth-switch{color:#fff6d5;cursor:pointer;touch-action:manipulation;border-radius:6px;min-height:40px;font-family:Arial Black,Arial,sans-serif}.auth-submit{background:#347147;border:2px solid #80ad72;margin-top:2px;font-size:14px;box-shadow:inset 0 -3px #05200f59}.auth-submit:disabled{cursor:wait;opacity:.62}.auth-switch{color:#d9c46f;background:0 0;border:0;margin-top:8px;padding:4px 10px;font-size:12px;text-decoration:underline}.auth-external{border-top:1px solid #b7e5be2e;margin-top:10px;padding-top:9px}.auth-external p{color:#b8cfbe;margin:0 0 7px;font-size:11px;font-weight:800}.auth-external__actions{justify-content:center;gap:7px;display:grid}.auth-google{min-height:40px}.auth-apple{color:#111;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #e5e1ce;border-radius:6px;width:260px;min-height:40px;font:800 13px/1 Trebuchet MS,Arial,sans-serif}@media (max-height:430px){.auth-card{width:min(560px,88vw);padding:10px 22px 8px}.auth-card__brand{width:38px;height:38px;margin:0;font-size:22px;position:absolute}.auth-card__intro{margin-bottom:7px}#auth-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.auth-field--name:not([hidden]),.auth-error,.auth-submit{grid-column:1/-1}.auth-field input{min-height:34px}.auth-submit{min-height:35px}.auth-switch{min-height:25px;margin-top:2px}}#game-root{place-items:center;width:100%;height:100%;display:grid;overflow:hidden}#resource-hud{z-index:20;top:0;left:max(12px, calc(var(--safe-area-left) + 8px));pointer-events:auto;touch-action:none;gap:1px;width:clamp(224px,27vw,278px);display:grid;position:absolute}#resource-hud[hidden]{display:none}.hud-notice{z-index:30;top:max(12px, calc(var(--safe-area-top) + 6px));overflow-wrap:anywhere;color:#fff4a6;letter-spacing:.02em;pointer-events:none;text-align:center;text-shadow:-2px -2px #101710,2px -2px #101710,-2px 2px #101710,2px 2px #101710,0 3px #101710;opacity:0;max-width:min(82vw,520px);padding:3px 10px;font-family:Arial Black,Trebuchet MS,sans-serif;font-size:clamp(16px,2.1vw,23px);font-weight:900;line-height:1.08;position:absolute;left:50%;transform:translate(-50%,-8px)scale(.96)}.resource-bar{background:var(--bar-background);isolation:isolate;border:3px solid #0c1510;border-radius:2px;place-items:center;display:grid;position:relative;overflow:hidden}.resource-bar--health{--bar-background:#4a2020;--bar-fill:#d83d3d;--bar-highlight:#f06b57;height:26px}.resource-bar--mana{--bar-background:#163b58;--bar-fill:#3b9ed6;--bar-highlight:#72c7eb;height:19px}.resource-bar--experience{--bar-background:#4a401d;--bar-fill:#f3c339;--bar-highlight:#ffe58a;height:17px}.resource-bar__fill{z-index:-1;background:linear-gradient(to bottom, var(--bar-highlight) 0 22%, transparent 23% 100%), var(--bar-fill);width:0%;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.resource-bar__value{white-space:nowrap;color:#fff;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;-webkit-text-stroke:1px #08110c;text-shadow:1px 1px #08110c,-1px 0 #08110c;font-family:Arial Black,Arial,sans-serif;font-size:13px;font-weight:900;line-height:1;position:relative}.resource-bar--health .resource-bar__value{font-size:17px}.resource-bar--experience .resource-bar__value{color:#fff1a0;font-size:12px}#character-menu-button{z-index:21;top:max(8px, calc(var(--safe-area-top) + 6px));right:max(12px, calc(var(--safe-area-right) + 8px));color:#fff3bc;cursor:pointer;touch-action:manipulation;background:#172d22;border:4px solid #17251d;border-radius:7px;width:72px;height:50px;margin:0;padding:0;position:absolute;box-shadow:inset 0 0 0 2px #739487b8,0 2px #060e098c}#character-menu-button[hidden]{display:none}#character-menu-button:active{transform:translateY(1px)}.character-menu-button__bag{background:#b47a3d;border-radius:3px;width:27px;height:20px;position:absolute;top:16px;left:11px}.character-menu-button__bag:before{content:"";background:#e0aa60;border-radius:2px;width:19px;height:7px;position:absolute;top:-6px;left:4px}.character-menu-button__bag:after{content:"";background:#f3c339;width:6px;height:7px;position:absolute;top:7px;left:11px}.character-menu-button__lines{-webkit-text-stroke:1px #101710;text-shadow:1px 1px #101710;font-family:Arial Black,Arial,sans-serif;font-size:20px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-55%)}#character-panel{z-index:40;top:max(2px, calc(var(--safe-area-top) + 2px));right:max(4px, calc(var(--safe-area-right) + 2px));bottom:max(2px, calc(var(--safe-area-bottom) + 2px));left:max(4px, calc(var(--safe-area-left) + 2px));color:#fff6d5;pointer-events:auto;touch-action:none;background:#05120eb8;border:2px solid #9ad0c3f0;border-radius:8px;grid-template-rows:54px minmax(0,1fr);min-width:0;min-height:0;font-family:Arial Black,Arial,sans-serif;display:grid;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #b885e97a,0 3px #0208058c}#character-panel[hidden],.character-panel__content[hidden]{display:none}#character-panel button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;margin:0}.character-panel__header{background:#0b1f18c7;border-bottom:1px solid #7db2a585;grid-template-columns:minmax(124px,.85fr) minmax(68px,auto) minmax(260px,1.35fr) 48px;align-items:center;gap:6px;min-width:0;padding:4px 6px;display:grid}.character-panel__identity{align-items:center;gap:9px;min-width:0;display:flex}.character-panel__gem{clip-path:polygon(50% 0,100% 25%,82% 86%,50% 100%,18% 86%,0 25%);filter:drop-shadow(1px 1px #08110c);background:linear-gradient(145deg,#8df4de 0 48%,#a875ef 50% 100%);flex:none;width:24px;height:38px}.character-panel__identity-copy{gap:1px;min-width:0;display:grid}.character-panel__identity-copy strong{color:#fff6d5;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px #07100c;font-size:17px;line-height:1;overflow:hidden}.character-panel__identity-copy small{color:#a7cec3;text-overflow:ellipsis;white-space:nowrap;font-family:Trebuchet MS,Arial,sans-serif;font-size:11px;font-weight:800;line-height:1.15;overflow:hidden}.character-panel__gold{background:#3d2a0ce0;border:2px solid #9b7130;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:68px;height:38px;padding:3px 7px;display:flex;overflow:hidden;box-shadow:inset 0 -2px #f3c33933}.character-panel__coin{background:#f3c339;border:2px solid #6e4314;border-radius:50%;flex:none;width:17px;height:17px;position:relative;box-shadow:inset 3px 3px #ffe58a}.character-panel__coin:after{content:"";border:1px solid #b8731b;border-radius:50%;position:absolute;inset:3px}.character-panel__gold-copy{align-items:baseline;gap:3px;min-width:0;display:flex;overflow:hidden}.character-panel__gold-copy strong{color:#ffe58a;font-variant-numeric:tabular-nums;text-overflow:clip;text-shadow:1px 1px #4a2c0d;white-space:nowrap;min-width:0;font-size:13px;line-height:1;overflow:hidden}.character-panel__gold-copy small{color:#dba547;flex:none;font-family:Trebuchet MS,Arial,sans-serif;font-size:10px;font-weight:900}.character-panel__tabs{grid-template-columns:1fr 1.18fr;gap:5px;min-width:0;height:44px;display:grid}.character-panel__tab{letter-spacing:.02em;text-shadow:1px 1px #07100c;background:#10271fd6;border:2px solid #3f6259;border-radius:5px;min-width:0;font-size:15px}.character-panel__tab.is-active{background:#30695bf0;border-color:#9ad9ca;box-shadow:inset 0 -3px #f3c339}#character-panel-close{text-shadow:1px 1px #07100c;background:#492323e6;border:2px solid #b87e7e;border-radius:5px;justify-self:end;width:44px;height:44px;padding:0 0 3px;font-size:28px;line-height:1}.character-panel__body,.character-panel__content{min-width:0;min-height:0}.character-panel__body{padding:6px;overflow:hidden}.character-panel__content{width:100%;height:100%}.stats-stack{grid-template-rows:minmax(64px,.95fr) minmax(66px,1.25fr) minmax(66px,1.25fr) minmax(45px,.8fr) minmax(45px,.8fr);grid-template-columns:minmax(0,1fr);gap:5px;width:100%;height:100%;display:grid}.character-summary,.stat-row{background:#0d231bc7;border:2px solid #5b8479d1;border-radius:7px;min-width:0;min-height:0;overflow:hidden}.character-summary{grid-template-columns:minmax(260px,2.4fr) minmax(118px,.8fr) minmax(118px,.8fr);gap:5px;padding:5px;display:grid}.character-summary__progress,.character-summary__vital{background:#04100cb3;border:1px solid #699287ad;border-radius:5px;min-width:0;min-height:0}.character-summary__progress{grid-template-rows:auto 16px auto;gap:2px;padding:4px 7px;display:grid}.character-summary__heading,.stat-row__heading,.character-summary__xp{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.character-summary__heading strong,.stat-row__heading>strong{color:#fff6d5;text-shadow:1px 1px #07100c;font-size:16px;line-height:1}.character-summary__heading span,.stat-row__heading span{color:#f4c75f;white-space:nowrap;font-family:Trebuchet MS,Arial,sans-serif;font-size:11px;font-weight:900;line-height:1}.character-summary__heading b,.stat-row__heading b{font-family:Arial Black,Arial,sans-serif;font-size:18px}.character-summary__track,.stat-row__track{background:#07100c;border:2px solid #6f9187;border-radius:4px;display:block;position:relative;overflow:hidden}.character-summary__track>span,.stat-row__track>span{z-index:0;background:var(--stat-color,#f3c339);width:0%;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.character-summary__xp{color:#b9cec7;white-space:nowrap;font-family:Trebuchet MS,Arial,sans-serif;font-size:10px;font-weight:900;line-height:1}.character-summary__xp b{color:#fff0a1}.character-summary__vital{text-align:center;place-content:center;gap:3px;padding:4px 7px;display:grid}.character-summary__vital small{font-family:Trebuchet MS,Arial,sans-serif;font-size:11px;font-weight:900}.character-summary__vital strong{white-space:nowrap;text-shadow:1px 1px #07100c;font-size:18px;line-height:1}.character-summary__vital--health small,.character-summary__vital--health strong{color:#ff8f80}.character-summary__vital--mana small,.character-summary__vital--mana strong{color:#79caf2}.stat-row{--stat-color:#f4c75f;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:6px 9px;display:grid}.stat-row--defense{--stat-color:#72d2ef}.stat-row--critical{--stat-color:#e5a3ff}.stat-row--speed{--stat-color:#9ee789}.stat-row__badge{color:var(--stat-color);text-shadow:1px 1px #07100c;background:#04100cc7;border:2px solid #668e8499;border-radius:5px;align-self:stretch;place-items:center;font-size:15px;line-height:1;display:grid}.stat-row__main{grid-template-rows:auto 22px auto;align-content:center;gap:3px;min-width:0;min-height:0;display:grid}.stat-row__heading span,.stat-row__heading b{color:var(--stat-color)}.stat-row__track{height:22px}.stat-row__track>strong{z-index:1;color:#fff;-webkit-text-stroke:1px #07100c;text-shadow:1px 1px #07100c;place-items:center;font-family:Arial Black,Arial,sans-serif;font-size:11px;line-height:1;display:grid;position:absolute;inset:0}.stat-row__hint{color:#b7d0c8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Trebuchet MS,Arial,sans-serif;font-size:10px;font-weight:800;line-height:1;overflow:hidden}.stat-row--compact{padding-top:5px;padding-bottom:5px}.stat-row--compact .stat-row__main{grid-template-rows:auto auto;gap:4px}.character-panel__content--inventory{grid-template-columns:39fr 61fr;gap:6px;display:grid}.equipment-pane,.inventory-pane{background:#0a1f18c2;border:2px solid #567f74d1;border-radius:7px;min-width:0;min-height:0;overflow:hidden}.equipment-pane{grid-template-rows:36px minmax(0,1fr);display:grid}.equipment-pane__header{border-bottom:1px solid #567f748c;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:0 9px;display:flex}.equipment-pane__header strong{font-size:13px}.equipment-pane__header span{color:#a9cfc4;text-overflow:ellipsis;white-space:nowrap;font-family:Trebuchet MS,Arial,sans-serif;font-size:10px;font-weight:900;overflow:hidden}.equipment-layout{min-width:0;min-height:0;position:relative}.equipment-avatar{filter:drop-shadow(0 0 10px #5dcaaf24);width:clamp(74px,12vw,112px);height:82%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.equipment-slot{color:#89aca2;background:#04100cd1;border:2px solid #63867c;border-radius:6px;grid-template-rows:1fr auto;place-items:center;width:clamp(48px,8vw,60px);height:clamp(48px,13.5vh,58px);padding:3px;display:grid;position:absolute}.equipment-slot>span{font-size:20px;line-height:1}.equipment-slot>small{color:#c4d7d1;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:Trebuchet MS,Arial,sans-serif;font-size:10px;font-weight:900;line-height:1;overflow:hidden}.equipment-slot--amulet{top:5%;left:5px}.equipment-slot--ring{top:39%;left:5px}.equipment-slot--weapon{bottom:5%;left:5px}.equipment-slot--transformation{bottom:5%;left:calc(13px + clamp(48px,8vw,60px))}.equipment-slot--fairy{top:2%;right:5px}.equipment-slot--head{top:27%;right:5px}.equipment-slot--armor{top:53%;right:5px}.equipment-slot--boots{bottom:2%;right:5px}.equipment-slot__fairy-icon{width:16px;height:16px;image-rendering:pixelated;background:url(/assets/companions/neutral-common-fairy-v1.png?v=1) 0 0/64px 16px no-repeat;display:block}.equipment-slot__fairy-icon[hidden],.item-detail__wooden-sword[hidden],.item-detail__fairy[hidden]{display:none}.equipment-slot--equipped{background:linear-gradient(135deg,#ffe58a1f,#0000 45%),#321f0ce6;border-color:#d9a34c;grid-template-rows:19px auto auto;gap:1px;height:clamp(62px,16vh,70px);box-shadow:inset 0 0 0 2px #f3c3391f,0 0 7px #e0aa6029}.equipment-slot--equipped>.equipment-slot__wooden-sword{background:#b87335;border:2px solid #17251d;width:6px;height:18px;display:block;position:relative;transform:rotate(42deg)}.equipment-slot__wooden-sword:before,.inventory-slot__wooden-sword:before{content:"";background:#d9a34c;border:1px solid #17251d;width:14px;height:4px;position:absolute;bottom:1px;left:-6px}.equipment-slot__wooden-sword:after,.inventory-slot__wooden-sword:after{content:"";background:#6e431f;border:1px solid #17251d;width:4px;height:7px;position:absolute;top:14px;left:-1px}.equipment-slot--equipped>.equipment-slot__weapon-name{color:#ffe8ad;text-overflow:clip;white-space:normal;font-size:10px;line-height:1;overflow:visible}.equipment-slot__weapon-damage{color:#f3c339;text-shadow:1px 1px #4a2c0d;font-size:11px;line-height:1}.inventory-pane{grid-template-rows:48px 20px minmax(0,1fr);padding:6px;display:grid}.inventory-pane__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;display:grid}.inventory-pane__header>strong{color:#b9d0c9;white-space:nowrap;font-family:Trebuchet MS,Arial,sans-serif;font-size:11px}.inventory-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0;height:42px;display:grid}.inventory-filters button{color:#cbdad5;text-overflow:ellipsis;white-space:nowrap;background:#0f261ee0;border:1px solid #486b61;border-radius:5px;min-width:0;padding:0 3px;font-size:10px;overflow:hidden}.inventory-filters button.is-active{color:#fff6d5;background:#315f56;border-color:#8ed7c6;box-shadow:inset 0 -2px #f3c339}.inventory-pane__caption{color:#fff6d5;align-self:center;font-size:11px}.inventory-grid{grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:4px;min-width:0;min-height:0;display:grid;overflow:hidden auto}.inventory-slot{aspect-ratio:1;background:linear-gradient(135deg,#97beb314,#0000 42%),#030e0ac2;border:2px solid #52746a;border-radius:5px;width:100%;min-height:0;padding:0;box-shadow:inset 0 0 0 3px #799f9414}.inventory-slot--item{background:linear-gradient(135deg,#ffe58a1f,#0000 45%),#321f0ce6;border-color:#d9a34c;grid-template-rows:minmax(18px,1fr) auto auto;place-items:center;gap:1px;padding:3px;display:grid}.inventory-slot__wooden-sword{background:#b87335;border:2px solid #17251d;width:6px;height:18px;display:block;position:relative;transform:rotate(42deg)scale(.85)}.inventory-slot__fairy-icon{width:16px;height:16px;image-rendering:pixelated;background:url(/assets/companions/neutral-common-fairy-v1.png?v=1) 0 0/64px 16px no-repeat;display:block;transform:scale(1.25)}.inventory-slot--item small{color:#ffe8ad;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1;overflow:hidden}.inventory-slot--item strong{color:#f3c339;font-size:10px;line-height:1}.item-detail{z-index:8;background:#010805d1;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.item-detail[hidden]{display:none}.item-detail__card{background:linear-gradient(135deg,#ffe58a14,#0000 42%),#081b14fa;border:2px solid #8ed7c6;border-radius:8px;grid-template-rows:40px minmax(0,1fr) 46px;grid-template-columns:104px minmax(0,1fr);gap:10px;width:min(430px,100%);max-height:100%;padding:10px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #7db2a526,0 5px #010704b3}.item-detail__header{color:#fff6d5;letter-spacing:.04em;border-bottom:1px solid #8ed7c66b;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;font-size:14px;display:flex}.item-detail__close{background:#4a2525;border:1px solid #9b6262;border-radius:4px;width:34px;height:32px;padding:0 0 2px;font-size:22px;line-height:1}.item-detail__visual{background:linear-gradient(135deg,#ffe58a24,#0000 46%),#2d1e0de6;border:2px solid #6b5940;border-radius:6px;place-items:center;min-height:126px;display:grid;box-shadow:inset 0 0 0 3px #d9a34c1a}.item-detail__wooden-sword{background:#b87335;border:3px solid #17251d;width:10px;height:48px;display:block;position:relative;transform:rotate(42deg)}.item-detail__wooden-sword:before{content:"";background:#d9a34c;border:2px solid #17251d;width:28px;height:7px;position:absolute;bottom:3px;left:-12px}.item-detail__wooden-sword:after{content:"";background:#6e431f;border:2px solid #17251d;width:6px;height:16px;position:absolute;top:42px;left:0}.item-detail__fairy{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #bbf4ff8c);background:url(/assets/companions/neutral-common-fairy-v1.png?v=1) 0 0/192px 48px no-repeat;display:block}.item-detail__content{grid-template-rows:auto minmax(0,1fr);gap:7px;min-width:0;display:grid}.item-detail__content h2{color:#ffe8ad;text-overflow:ellipsis;text-shadow:1px 1px #07100c;white-space:nowrap;margin:0;font-size:18px;line-height:1.1;overflow:hidden}.item-detail__stats{align-content:stretch;gap:4px;min-width:0;margin:0;display:grid}.item-detail__stats>div{background:#030e0aad;border:1px solid #52746ab8;border-radius:4px;grid-template-columns:minmax(110px,1fr) auto;align-items:center;gap:8px;min-width:0;padding:5px 7px;display:grid}.item-detail__stats dt{color:#a9cfc4;text-overflow:ellipsis;white-space:nowrap;font-family:Trebuchet MS,Arial,sans-serif;font-size:11px;font-weight:900;overflow:hidden}.item-detail__stats dd{color:#f3c339;text-align:right;text-shadow:1px 1px #4a2c0d;white-space:nowrap;margin:0;font-size:13px}.item-detail__fairy-xp{color:#b8e9f4;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;margin-top:6px;font-family:Trebuchet MS,Arial,sans-serif;font-size:11px;font-weight:900;display:grid}.item-detail__fairy-xp strong{color:#f3c339;text-align:right;font-size:12px}.item-detail__fairy-xp-track{background:#102b2c;border:1px solid #4f8c92;border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.item-detail__fairy-xp-track>i{background:linear-gradient(90deg,#65d7e9,#d5fbff);width:0;height:100%;transition:width .14s ease-out;display:block}.item-detail__action{color:#fff6d5;letter-spacing:.04em;text-shadow:1px 1px #07100c;background:#315f49;border:2px solid #d9a34c;border-radius:6px;grid-column:1/-1;min-height:42px;font-size:14px;box-shadow:inset 0 -3px #f3c33938}.item-detail__action:disabled{color:#8fa39d;box-shadow:none;cursor:default;background:#263b34;border-color:#52746a}@media (max-width:760px),(max-height:380px){#character-panel{grid-template-rows:48px minmax(0,1fr)}.character-panel__header{grid-template-columns:minmax(108px,.72fr) minmax(60px,auto) minmax(238px,1.45fr) 44px;gap:4px;padding:2px 4px}.character-panel__identity{gap:6px}.character-panel__gem{width:20px;height:31px}.character-panel__identity-copy strong{font-size:14px}.character-panel__identity-copy small{display:none}.character-panel__gold{gap:2px;min-width:60px;height:36px;padding:2px 4px}.character-panel__coin,.character-panel__gold-copy small{display:none}.character-panel__gold-copy strong{font-size:11px}.character-panel__tabs{gap:3px;height:42px}.character-panel__tab{font-size:13px}#character-panel-close{width:42px;height:42px}.character-panel__body{padding:4px}.stats-stack,.character-panel__content--inventory{gap:4px}.stats-stack{grid-template-rows:minmax(60px,.9fr) minmax(50px,1.25fr) minmax(50px,1.25fr) minmax(34px,.8fr) minmax(34px,.8fr)}.character-summary{grid-template-columns:minmax(230px,2.2fr) minmax(98px,.8fr) minmax(98px,.8fr);gap:3px;padding:3px}.character-summary__progress{grid-template-rows:auto 13px auto;padding:3px 5px}.character-summary__heading strong,.stat-row__heading>strong{font-size:14px}.character-summary__heading b,.stat-row__heading b,.character-summary__vital strong{font-size:15px}.character-summary__xp,.character-summary__heading span,.stat-row__heading span,.stat-row__hint,.stat-row__track>strong{font-size:10px}.character-summary__vital{padding:3px 4px}.stat-row{grid-template-columns:44px minmax(0,1fr);gap:6px;padding:4px 7px}.stat-row__main{grid-template-rows:auto 19px auto;gap:2px}.stat-row__track{height:19px}.stat-row__hint{display:none}.character-panel__content--inventory{grid-template-columns:35fr 65fr}.equipment-pane__header{padding:0 5px}.equipment-pane__header span{display:none}.inventory-pane{padding:4px}.inventory-pane__header{gap:3px}.inventory-filters{gap:2px}.inventory-grid{gap:3px}.item-detail{padding:7px}.item-detail__card{grid-template-rows:34px minmax(0,1fr) 40px;grid-template-columns:88px minmax(0,1fr);gap:6px;width:min(400px,100%);padding:7px}.item-detail__header{padding-bottom:4px;font-size:12px}.item-detail__close{width:30px;height:28px}.item-detail__visual{min-height:108px}.item-detail__content h2{font-size:15px}.item-detail__stats{gap:3px}.item-detail__stats>div{grid-template-columns:minmax(94px,1fr) auto;padding:3px 5px}.item-detail__stats dt{font-size:10px}.item-detail__stats dd{font-size:11px}.item-detail__action{min-height:36px;font-size:12px}}#game-root canvas{max-width:none;max-height:none;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none;flex:none;display:block}#coordinate-command-button,#tile-coordinate-readout,#game-command-form{z-index:45;font-family:Arial Black,Trebuchet MS,sans-serif;position:absolute}#coordinate-command-button{left:max(8px, var(--safe-area-left));bottom:max(8px, var(--safe-area-bottom));color:#fff1b4;touch-action:manipulation;background:#315f49;border:3px solid #17251d;border-radius:5px;width:42px;height:32px;padding:0;font-size:12px;line-height:1;box-shadow:inset 0 0 0 2px #56816b,0 3px #09130e}#coordinate-command-button:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #56816b,0 1px #09130e}#tile-coordinate-readout{left:max(58px, calc(var(--safe-area-left) + 58px));bottom:max(10px, calc(var(--safe-area-bottom) + 2px));color:#fff1b4;letter-spacing:.01em;text-shadow:1px 1px #17251d;pointer-events:none;background:#0c1c14eb;border:2px solid #17251d;border-radius:4px;padding:6px 9px;font-size:11px;line-height:1}#game-command-form{left:50%;bottom:max(12px, var(--safe-area-bottom));background:#1d382a;border:3px solid #17251d;border-radius:6px;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:6px;width:min(390px,100% - 24px);padding:6px;display:grid;transform:translate(-50%);box-shadow:inset 0 0 0 2px #56816b,0 4px #09130e}#game-command-form[hidden],#coordinate-command-button[hidden],#tile-coordinate-readout[hidden]{display:none}#game-command-form label{color:#f3c339;font-size:10px}#game-command-input{color:#17251d;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#f1e6bd;border:2px solid #17251d;border-radius:3px;outline:0;min-width:0;height:30px;padding:4px 7px;font:700 14px/1 Trebuchet MS,Arial,sans-serif}#game-command-form button{color:#fff4c9;background:#b78026;border:2px solid #17251d;border-radius:3px;height:30px;padding:0;font-weight:900}#orientation-overlay{z-index:100;padding:max(24px, var(--safe-area-top)) max(24px, var(--safe-area-right)) max(24px, var(--safe-area-bottom)) max(24px, var(--safe-area-left));background:radial-gradient(circle at 50% 45%,#458f4859,#0000 40%),#0c130e;place-items:center;display:none;position:fixed;inset:0}body.is-portrait #orientation-overlay{display:grid}.orientation-card{text-align:center;background:#16241a;border:4px solid #2c4933;border-radius:10px;width:min(390px,88vw);padding:24px 28px;box-shadow:0 12px #08100a}.orientation-card h1{color:#fff6d5;text-shadow:3px 3px #09100b;margin:18px 0 5px;font-size:clamp(22px,5vw,30px)}.orientation-card p{color:#bcd2bf;margin:0;font-size:16px}.phone-glyph{border:5px solid #f3c339;border-radius:6px;width:42px;height:70px;animation:1.6s steps(8,end) infinite phone-turn;display:inline-block;box-shadow:inset 0 -9px #f3c33938}@keyframes phone-turn{0%,25%{transform:rotate(0)}65%,to{transform:rotate(90deg)}}noscript{text-align:center;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#character-panel .stats-stack{grid-template-rows:minmax(74px,1.12fr) minmax(56px,1fr) minmax(56px,1fr) minmax(40px,.7fr) minmax(40px,.7fr);gap:5px}#character-panel .stat-row{grid-template-columns:48px minmax(0,1fr) minmax(62px,auto) minmax(42px,auto);align-items:center;gap:7px;padding:5px 8px}#character-panel .stat-row--compact{grid-template-columns:48px minmax(0,1fr) minmax(64px,auto);padding-block:5px}#character-panel .stat-row__badge{min-width:0;font-size:14px;overflow:hidden}#character-panel .stat-row__main{grid-template-rows:auto 17px;align-content:center;gap:4px;min-width:0;overflow:hidden}#character-panel .stat-row--compact .stat-row__main{align-items:center;min-width:0;display:flex}#character-panel .stat-row__heading{min-width:0;display:block;overflow:hidden}#character-panel .stat-row__heading>strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1;display:block;overflow:hidden}#character-panel .stat-row__track{width:100%;min-width:0;height:17px}#character-panel .stat-row__track>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}#character-panel .stat-row__level{color:#a9d4ca;text-align:center;white-space:nowrap;grid-template-rows:auto auto;place-items:center;gap:1px;min-width:62px;font-family:Trebuchet MS,Arial,sans-serif;font-size:10px;font-weight:900;line-height:1;display:grid;overflow:hidden}#character-panel .stat-row__level b{color:var(--stat-color);font-family:Arial Black,Arial,sans-serif;font-size:17px;line-height:1}#character-panel .stat-row__total{min-width:42px;color:var(--stat-color);text-align:right;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px #07100c;font-family:Arial Black,Arial,sans-serif;font-size:22px;line-height:1;overflow:hidden}#character-panel .stat-row--compact .stat-row__total{min-width:64px;font-size:21px}#character-panel .stat-row__hint{display:none!important}#character-panel .character-summary,#character-panel .character-summary__progress,#character-panel .character-summary__vital{overflow:hidden}#character-panel .character-summary__progress{grid-template-rows:minmax(18px,auto) 14px minmax(15px,auto);align-content:center;gap:3px;padding:5px 8px 7px}#character-panel .character-summary__xp{align-items:center;min-height:15px;padding-bottom:1px;line-height:1.2;overflow:visible}#character-panel .character-summary__xp>span{white-space:nowrap;min-width:0;line-height:1.2;display:block;overflow:visible}#character-panel .character-summary__xp>span:last-child{text-align:right}@media (max-width:760px),(max-height:380px){#character-panel .stats-stack{grid-template-rows:minmax(66px,.98fr) minmax(46px,1fr) minmax(46px,1fr) minmax(36px,.72fr) minmax(36px,.72fr);gap:4px}#character-panel .stat-row{grid-template-columns:42px minmax(0,1fr) 52px 34px;gap:5px;padding:3px 6px}#character-panel .stat-row--compact{grid-template-columns:42px minmax(0,1fr) 54px}#character-panel .stat-row__main{grid-template-rows:auto 15px;gap:2px}#character-panel .stat-row__track{height:15px}#character-panel .stat-row__heading>strong{font-size:13px}#character-panel .stat-row__level{min-width:0;font-size:10px}#character-panel .stat-row__level b{font-size:14px}#character-panel .stat-row__total,#character-panel .stat-row--compact .stat-row__total{min-width:0;font-size:18px}#character-panel .stat-row__badge{font-size:12px}#character-panel .character-summary__progress{grid-template-rows:minmax(16px,auto) 12px minmax(14px,auto);gap:2px;padding:3px 5px 5px}#character-panel .character-summary__xp{min-height:14px;padding-bottom:1px;line-height:1.15}#character-panel .character-summary__xp>span{line-height:1.15}}