.pb-shell{box-sizing:border-box;width:100%;height:100vh;min-height:100vh;padding:8px 12px;overflow:auto;background:linear-gradient(145deg,#172743,#203b4d);color:#f7fbff;font-family:var(--font-kinder),"Andika",system-ui,sans-serif}@supports (height: 100dvh){.pb-shell{height:100dvh;min-height:100dvh}}.pb-layout{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(140px,1fr) auto auto;gap:8px}.pb-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.pb-header h1{font-size:clamp(20px,2.5vw,32px);margin:0}.pb-header small{font-size:12px;opacity:.8}.pb-stats{display:flex;align-items:center;gap:14px;font-size:clamp(15px,2vw,20px);font-weight:800}.pb-scene{--scene-border: #d3e7bb;--sky-far: #80c9ec;--sky-near: #d3f4ec;--sky-haze: #a9d881;--hill-a: #70b985;--hill-b: #509b78;--tree: #4d9d6e;--trunk: #437d5c;--floor-top: #4c9b4e;--floor-a: #8a653f;--floor-b: #9a7548;--orb-core: #fff6cc;--orb-edge: #ffd257;--orb-glow: #ffd25766;position:relative;overflow:hidden;border:3px solid var(--scene-border);border-radius:16px;isolation:isolate;background:var(--sky-far)}.pb-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--sky-far),var(--sky-near) 68%,var(--sky-haze))}.pb-orb{position:absolute;top:8%;left:46%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 34% 32%,var(--orb-core),var(--orb-edge));box-shadow:0 0 34px 12px var(--orb-glow)}.pb-stars{display:none;position:absolute;top:0;right:0;bottom:45%;left:0;opacity:.95;background:radial-gradient(circle at 8% 18%,#fff 0 1.8px,transparent 2.6px),radial-gradient(circle at 24% 34%,#fff 0 1.4px,transparent 2.2px),radial-gradient(circle at 41% 12%,#fff 0 1.6px,transparent 2.4px),radial-gradient(circle at 58% 27%,#fff 0 1.3px,transparent 2.1px),radial-gradient(circle at 72% 9%,#fff 0 1.9px,transparent 2.7px),radial-gradient(circle at 88% 31%,#fff 0 1.4px,transparent 2.2px),radial-gradient(circle at 33% 46%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 66% 43%,#fff 0 1.5px,transparent 2.3px)}.pb-hills{position:absolute;top:32%;right:-40%;bottom:14%;left:-40%;background:radial-gradient(ellipse at 20% 110%,var(--hill-a) 0 37%,transparent 38%),radial-gradient(ellipse at 65% 120%,var(--hill-b) 0 43%,transparent 44%);transform:translate(calc(var(--travel) * -12px));transition:transform .5s}.pb-trees{position:absolute;top:0;right:0;bottom:15%;left:0;opacity:.85;background:repeating-linear-gradient(90deg,transparent 0 85px,var(--trunk) 85px 93px,transparent 93px 160px),repeating-radial-gradient(ellipse at 20% 25%,var(--tree) 0 23px,transparent 24px 180px);transform:translate(calc(var(--travel) * -25px));transition:transform .5s}.pb-sea{display:none;position:absolute;top:42%;right:-40%;bottom:14%;left:-40%;background:linear-gradient(#2f98ad,#74d5e1)}.pb-floor{position:absolute;bottom:0;left:0;right:0;height:21%;border-top:12px solid var(--floor-top);background:repeating-linear-gradient(90deg,var(--floor-a) 0 45px,var(--floor-b) 45px 90px)}.pb-fighter{--sprite-size: clamp(110px, 22vh, 210px);position:absolute;bottom:17%;width:var(--sprite-size);height:var(--sprite-size);pointer-events:none;filter:drop-shadow(0 7px 3px #31593e88)}.pb-hero{left:13%}.pb-enemy{right:13%}.pb-facing{position:absolute;top:0;right:0;bottom:0;left:0}.pb-mirrored{transform:scaleX(-1)}.pb-sprite-frame{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:auto;max-width:none;visibility:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pb-frame-visible{visibility:visible}.pb-assets-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px;text-align:center;color:#183a43;font-weight:700;background:#d3f4ecee}.pb-enemybar{position:absolute;right:10px;top:10px;padding:6px 10px;border-radius:10px;background:#183a43dd;font-size:12px;font-weight:700}.pb-enemybar>div{width:110px;height:9px;border-radius:8px;background:#53676a;overflow:hidden;margin-top:3px}.pb-enemybar i{display:block;height:100%;background:#f27c68;transition:width .3s}.pb-enemybar b{display:block;margin-top:2px;font-size:11px;letter-spacing:1px}.pb-panel{background:#fffef7;color:#20344c;border-radius:16px;padding:8px 12px;box-shadow:0 8px 22px #0003}.pb-promptbar{display:flex;justify-content:center;align-items:center;gap:16px}.pb-promptbar>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pb-promptbar strong{font-size:clamp(14px,1.6vw,18px)}.pb-promptbar small{font-size:12px;color:#426c83}.pb-main,.pb-secondary{border:0;border-radius:10px;padding:8px 14px;min-height:44px;font-family:var(--font-kinder),"Andika",system-ui,sans-serif;font-size:16px;font-weight:750;cursor:pointer;touch-action:manipulation}.pb-main{background:#237cb3;color:#fff}.pb-secondary{background:#e0f2f6;color:#21506b}.pb-main:disabled,.pb-secondary:disabled{opacity:.5;cursor:default}.pb-wordline{display:flex;justify-content:center;align-items:center;gap:12px;margin:3px 0 6px}.pb-word{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px;font-size:clamp(25px,3.6vw,38px);font-weight:800;line-height:1}.pb-word-part{letter-spacing:.035em}.pb-word-gap{display:inline-flex;gap:3px}.pb-slot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:52px;padding:0 0 8px;border:2px solid #83b2c3;border-radius:9px;color:#20344c;background:#edf8fc;font:inherit;cursor:pointer;touch-action:manipulation}.pb-slot small{position:absolute;bottom:1px;left:0;right:0;font-size:12px;line-height:1}.pb-slot-active{border-color:#176da4;box-shadow:0 0 0 2px #55aad04a}.pb-slot-correct{color:#17623b;background:#d7f5df;border-color:#27975a}.pb-slot-incorrect{color:#993600;background:#fff0dc;border-color:#ce7022}.pb-slot:disabled{cursor:default;opacity:1}.pb-hint{font-size:14px;font-weight:800;padding:4px 8px;border-radius:8px;background:#ffe789}.pb-feedback{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:4px 8px;margin:0 auto 5px;border-radius:10px;background:#fff0dc;color:#80400d;font-size:14px;font-weight:700}.pb-feedback-correct{background:#e3f6e7;color:#17623b}.pb-feedback .pb-main{padding:6px 12px;font-size:14px}.pb-error{color:#a51c26;font-size:14px;font-weight:700;text-align:center;margin:5px 0}.pb-result{text-align:center;padding:6px 0}.pb-result h2{font-size:23px;margin:0 0 5px}.pb-result p{margin:4px}.pb-foot{text-align:center;font-size:12px;opacity:.8}.pb-foot a,.pb-empty a{color:#b5e7ff}.pb-empty{display:grid;align-content:center;text-align:center;gap:16px}.pb-empty h1,.pb-empty p{margin:0}.pb-login .pb-layout{display:block;height:auto;max-width:1100px;margin:auto}.pb-login h1{margin:8px 0;font-size:clamp(22px,4vw,32px)}.pb-login .pb-error{margin:10px 0}@media (max-width: 600px){.pb-shell{padding:6px}.pb-layout{gap:6px}.pb-header h1{font-size:21px}.pb-stats{font-size:14px;gap:9px}.pb-panel{padding:6px}.pb-promptbar{gap:6px;justify-content:space-between}.pb-promptbar>div{gap:2px 6px}.pb-promptbar .pb-secondary{font-size:13px;padding:6px 8px}.pb-promptbar strong{font-size:13px}.pb-fighter{--sprite-size: clamp(105px, 28vw, 160px)}.pb-hero{left:8%}.pb-enemy{right:8%}}.pb-shared-effect{position:absolute;bottom:17%;pointer-events:none;z-index:5}.pb-effect-enemy{right:15%}.pb-effect-hero{left:15%;transform:scaleX(-1)}@media (max-height: 750px){.pb-fighter{--sprite-size: min(115px, 20vh)}.pb-header small{display:none}}.pb-choose{display:grid;align-content:center;justify-items:center;gap:14px}.pb-note{margin:0;text-align:center;font-size:13px;font-weight:700;opacity:.85}.pb-picker{display:grid;gap:10px;justify-items:center;text-align:center;width:100%}.pb-picker-title{margin:0;font-size:clamp(20px,3vw,30px)}.pb-picker-sub{margin:0;font-size:14px;font-weight:700;opacity:.85}.pb-picker-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-height:min(56vh,520px);overflow-y:auto;overscroll-behavior:contain;align-content:flex-start;padding:2px}.pb-picker-card{display:grid;gap:2px;justify-items:center;padding:8px 14px 10px;border:3px solid #7fd0c3;border-radius:16px;background:#0f3d3a;color:#f7fbff;font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}.pb-picker-card:disabled{opacity:.4;cursor:default}.pb-picker-art{display:flex;align-items:flex-end;justify-content:center}.pb-picker-name{font-size:15px}.pb-picker-note{font-size:12px;font-weight:800;color:#9fe3d6}.pb-picker-rescue{padding:2px 0}.pb-picker-rescue .pb-picker-grid{max-height:min(38vh,300px)}.pb-picker-rescue .pb-picker-title{color:#20344c;font-size:clamp(19px,2.4vw,26px)}.pb-picker-rescue .pb-picker-sub{color:#426c83}.pb-picker-rescue .pb-picker-card{background:#edf8fc;border-color:#27975a;color:#17623b}.pb-picker-rescue .pb-picker-note{color:#27975a}.pb-level h2{color:#17623b}.pb-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}.pb-scene-desierto{--scene-border: #f0d6a8;--sky-far: #f6c46d;--sky-near: #ffeac7;--sky-haze: #f1cd8c;--hill-a: #e8b465;--hill-b: #cf9a4b;--tree: #7ba05b;--trunk: #8a6a3c;--floor-top: #d9a95e;--floor-a: #e6c184;--floor-b: #d9b273;--orb-core: #fffbe8;--orb-edge: #ffb43c;--orb-glow: #ffb43c88}.pb-scene-playa{--scene-border: #c8e9f0;--sky-far: #63c4ea;--sky-near: #e8fbff;--sky-haze: #bfeefa;--hill-a: #e9d9a6;--hill-b: #d8c68d;--tree: #3f9e7a;--trunk: #8a5a2b;--floor-top: #f0dfae;--floor-a: #f2e2b4;--floor-b: #e8d5a2;--orb-core: #fffdf3;--orb-edge: #ffd75e;--orb-glow: #ffd75e66}.pb-scene-playa .pb-sea{display:block}.pb-scene-nieve{--scene-border: #dbeaf3;--sky-far: #a8d4ea;--sky-near: #f6fcff;--sky-haze: #e6f2f8;--hill-a: #eef6fb;--hill-b: #cfe1ec;--tree: #4d6f63;--trunk: #6b5a4a;--floor-top: #e8f2f8;--floor-a: #f7fbff;--floor-b: #e6eef5;--orb-core: #ffffff;--orb-edge: #dfe9f7;--orb-glow: #ffffff88}.pb-scene-noche{--scene-border: #4a5f7a;--sky-far: #101a3c;--sky-near: #26325c;--sky-haze: #3a4670;--hill-a: #2b4650;--hill-b: #22383f;--tree: #1e3a33;--trunk: #16302a;--floor-top: #2f4a55;--floor-a: #3a4b58;--floor-b: #32414c;--orb-core: #ffffff;--orb-edge: #dfe5f5;--orb-glow: #c9d6ff3d}.pb-scene-noche .pb-stars{display:block}
