@keyframes correctFlash{0%{filter:brightness();transform:translate(0)}30%{filter:brightness(1.18);transform:translate(-3px)}60%{filter:brightness(1.08);transform:translate(3px)}to{filter:brightness();transform:translate(0)}}@keyframes wrongFlash{0%{filter:brightness();transform:translate(0)}20%{filter:saturate(1.2)brightness(.95);transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}to{filter:brightness();transform:translate(0)}}@keyframes blink{50%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.answer-actions,.item-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.action-button.itemHintDisabled{color:#9f1d16;cursor:default;opacity:.95;background:#f6d7da;border-color:#b42318}@media (width<=900px){.bottom-panel{grid-template-columns:1fr}.question-panel{border-bottom:4px solid #222;border-right:none}.battlefield{min-height:460px}.enemy-section{right:40px}.player-section{width:320px;left:24px}.question-text{font-size:22px}.result-text{width:100%;min-width:0;font-size:16px}.action-button{font-size:16px}.action-button.primary{min-height:78px;font-size:18px}.next-button,.back-button{min-height:60px}.dialogue-box{min-height:120px}.top-actions,.answer-actions{grid-template-columns:1fr}}.home-container{color:#fff;text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;font-family:Arial,Helvetica,sans-serif;display:flex}.title{letter-spacing:2px;margin:0 0 16px;font-size:72px;font-weight:800}.subtitle{color:#cbd5e1;margin:0 0 36px;font-size:20px}.start-button{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:10px;padding:16px 40px;font-size:20px;font-weight:700;transition:transform .2s,background-color .2s}.start-button:hover{background-color:#16a34a;transform:scale(1.05)}.start-button:active{transform:scale(.98)}.normalTB{text-shadow:-2px 2px #000;color:#fff;margin:5px;font-size:28px}.pageHead{min-width:70rem;height:10rem;margin:0;padding:1rem}.BodyBox{flex-direction:row;height:100%;display:flex}.SidePanel{min-width:10rem;min-height:80vh;margin:0;padding:1rem}.MiddlePanel{justify-content:center;justify-self:center;width:100%;min-width:50rem;min-height:80vh;margin:0;padding:1rem}.MidInfo{border:1px solid #fff;margin:.5rem;padding:5px}#rainbow{-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px white;background:linear-gradient(90deg,#ef5350,#f48fb1,#7e57c2,#2196f3,#26c6da,#43a047,#eeff41,#f9a825,#ff5722);-webkit-background-clip:text;background-clip:text}*{box-sizing:border-box}.battle-screen{background:#1d1d1f;flex-direction:column;width:100%;min-height:100vh;display:flex}.battlefield{background:linear-gradient(#8ed7ea 0% 50%,#8cc96a 50% 100%);width:100%;height:70vh;min-height:520px;transition:filter .15s,transform .15s;position:relative;overflow:hidden}.correct-flash .battlefield{animation:.45s correctFlash}.wrong-flash .battlefield{animation:.45s wrongFlash}.enemy-section{flex-direction:column;align-items:center;display:flex;position:absolute;top:22px;right:110px}.enemy-card,.player-card{background:#e8e8e8;border:3px solid #333;border-radius:14px;width:230px;padding:14px 16px;box-shadow:0 2px #00000040}.enemy-card{margin-bottom:24px}.player-section{width:420px;height:220px;position:absolute;bottom:36px;left:60px}.player-card{position:absolute;bottom:0;left:140px}.battle-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.battle-name{color:#000;font-size:20px;font-weight:700}.battle-level{color:#000;font-size:16px;font-weight:700}.hp-row{align-items:center;gap:8px;display:flex}.hp-label{color:#c48b00;font-size:12px;font-weight:700}.hp-bar{background:#444;border-radius:6px;width:100%;height:12px;overflow:hidden}.hp-fill{background:#42c244;width:100%;height:100%;transition:width .4s}.enemy-hp{width:48%}.player-hp{width:100%}.hp-value{text-align:right;color:#000;margin-top:6px;font-size:16px;font-weight:700}.enemy-platform,.player-platform{background:radial-gradient(#95d661 0%,#72b343 100%);border-radius:50%}.enemy-platform{width:120px;height:30px;margin-top:8px}.player-platform{width:110px;height:34px;position:absolute;bottom:12px;left:0}.enemy-sprite{width:120px;height:auto;margin-bottom:8px}.player-sprite{width:120px;height:auto;position:absolute;bottom:52px;left:0}.bottom-panel{background:#d9d9d9;border-top:4px solid #222;grid-template-columns:1.5fr 1fr;min-height:255px;display:grid}.question-panel{border-right:4px solid #222;justify-content:center;align-items:center;padding:24px;display:flex}.dialogue-box{background:#efefef;border:3px solid #2d2d2d;border-radius:14px;flex-direction:column;justify-content:center;gap:16px;width:100%;max-width:880px;min-height:150px;padding:20px 24px;display:flex;box-shadow:inset 0 2px #ffffff73}.question-text{color:#111;text-align:center;margin:0;font-size:30px;font-weight:600;line-height:1.35}.cursor{margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}.result-text{text-align:center;border:2px solid #333;border-radius:10px;min-width:280px;margin:0 auto;padding:12px 18px;font-size:20px;font-weight:700}.result-text.correct{color:#1f6a29;background:#d8f0dc;border-color:#2e7d32}.result-text.wrong{color:#9f1d16;background:#f6d7da;border-color:#b42318}.fade-in{animation:.25s fadeInUp}.error-text{color:#a11}.action-panel{background:#b98355;flex-direction:column;align-items:stretch;gap:8px;min-height:255px;padding:14px;display:flex}.top-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:4px;display:grid}.answer-actions,.item-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.action-button{color:#000;cursor:pointer;background:#efefef;border:3px solid #2e2e2e;border-radius:12px;width:100%;padding:14px 16px;font-size:18px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 3px #222}.action-button:hover{background:#fff;transform:translateY(-1px)}.action-button:active{transform:translateY(2px);box-shadow:0 1px #222}.action-button:disabled{cursor:default;opacity:.95}.action-button.selected{background:#cdeccf}.action-button.primary{min-height:92px;padding:24px 18px;font-size:22px}.next-button{width:100%;min-height:92px;margin-top:0;font-size:20px;display:block}.back-button{min-height:64px}.secondary-button{background:#e2e2e2}@media (width<=900px){.bottom-panel{grid-template-columns:1fr}.question-panel{border-bottom:4px solid #222;border-right:none}.battlefield{min-height:460px}.enemy-section{right:40px}.player-section{width:320px;left:24px}.question-text{font-size:22px}.result-text{width:100%;min-width:0;font-size:16px}.action-button{font-size:16px}.action-button.primary{min-height:78px;font-size:18px}.next-button,.back-button{min-height:60px}.dialogue-box{min-height:120px}.top-actions,.answer-actions{grid-template-columns:1fr}}.game-over-overlay{z-index:20;background:#000000b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-over-modal{text-align:center;background:#f4f4f4;border:4px solid #222;border-radius:16px;width:min(90%,420px);padding:28px 24px;box-shadow:0 10px 30px #00000059}.game-over-modal h1{color:#111;margin:0 0 12px;font-size:36px}.game-over-modal p{color:#222;margin:0 0 20px;font-size:18px}.game-over-button{color:#000;cursor:pointer;background:#efefef;border:3px solid #2e2e2e;border-radius:12px;padding:14px 20px;font-size:18px;font-weight:700;transition:background .15s,transform .15s;box-shadow:0 3px #222}.game-over-button:hover{background:#fff;transform:translateY(-1px)}.game-over-button:active{transform:translateY(2px)}#picBorder{border:1rem solid #0000;background-color:#5f9ea0;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAABFJJREFUeJztnb9r20AUx59CoGQomIb+oGMC6RIInbwU74H+AaVThmz+D0r/jazFc9f+BQlZMmRIydKQDB0KtYPBNJRiKKhLnvpyvjudpLvTk+59ILzEcWTd9+5zJ9lynEEJ88kwL7uPYGbz4Cyz/X5Nd+N8MszxCwDg8vQWpNar88kwPz7cyk0D+UHv0Dtdnt7C7punxcYEf9xNl/D2y48MqAHzyTA39aTgj7vpEr5/+138/GAKMo34u+lSqqdKwy86QJ3r1T96/PyRVA+Vhn+0M8iBGqCO/LZ3tm91dj+gVTKbAepGhHrMpkv4s/i7cvv4apFlEn5YMPyNwbq2E9bAYfoR6oHTDoa/MVhfuc8a3B/9UCT85tA5v5IBEn5z1AW3kgF0+hGqM5su4ZkmO1MniAEewfB1h5ymaUgM8AQNXwyIjBq+rhOiG4Aa9qXa2qgL33Uh9moA3WnTTnW1qp1BRzkLAziEFKuqATcxIKOvA0BNA1xHUBfRtUMd3S7tNhlQ+lyQK30K3YbuCAcc26/rBC9rgITf4hqQevjQ9lFQ6uEDNwP6hkubOmkAjgTO1XVAsTGgDNo4OiI41t3RE6f2AycDysJvO9Qq4fs4DzK1n9L4PKCqAWpjuYHhhzgUD3IeUMcAINMRJ3yGz2oNUEc+R3DOr/NcGPs1oAvTDhLbgChrgC38j6/fF9+P9rbh5OImeKVc759Dk/brcqiyBnh/NtSEqROwA0Z7286P5wPsiOv98yDhuz4bGn0N0EHDH7zYjFLpYzZ9PaRTa4CKGv7i5zxKpYQygMJ6DRjtbZeG1ARdJyCfXn4GaHENYGNAqPBBmX7o9nEdaNOA1tcADCFU+BTVAOx8WQNIOCERAxwMCI0YoBDTAPVxxAAxQAwAMUAMEAPEADGguEEMEAOCIgYoiAFigBgAYoAYgIgBgREDFMQAMUAMADGAjwGhO0EMUJDXhJka4NsE3VUXYoDBAFNnNKm67YoBhFhXxFGzOBjA4so4aPniXEj5yjjk5OKmCCVWRZI24N2HV26tDEySBuA7Uzj8n/+67YeuGlDlfbix6b0BVd+HG5Penwfo3grKqfb6PEANn3t1pVUDaCfY6Gv40NCAKO+StNnRB0wG0DyiGKALuu/hQ9trAFgMSCF84LQG0AdNJXzgYAAoC3FK4QMHAygSfksGQILhg2X6ac2A1GBlQGrYwhcDAoEjuyz8KAbQnUmlloVe5aloaGJAlZ1Jsap4NaDtxnWhBjOAQ+O4V1v4jQyoMxemVnXQ8GsboG5cOuNh6KbwVQNUitcD8OPMdQbYNi7YUaeflasi4P4DnU3T0Ix8Hq5QjbLwx1eLrPhIc5yGTOHjH+s0Ev5Dc7KFj6x8prwpfN3GpK5WW17GDtg8OMvoQlwWvtRqVcf4apFpDbj5+ovFTne9UjNsZPjN8eFWjuEL4UEDMt0vj3YGefQ9SgAMnaLtAIp0RjN0oVP+Ae1eSainpsjUAAAAAElFTkSuQmCC);border-image-slice:38;border-image-width:2rem;border-image-repeat:repeat}#monBorder{border:1rem solid #0000;background-color:#fff;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAABFJJREFUeJztnb9r20AUx59CoGQomIb+oGMC6RIInbwU74H+AaVThmz+D0r/jazFc9f+BQlZMmRIydKQDB0KtYPBNJRiKKhLnvpyvjudpLvTk+59ILzEcWTd9+5zJ9lynEEJ88kwL7uPYGbz4Cyz/X5Nd+N8MszxCwDg8vQWpNar88kwPz7cyk0D+UHv0Dtdnt7C7punxcYEf9xNl/D2y48MqAHzyTA39aTgj7vpEr5/+138/GAKMo34u+lSqqdKwy86QJ3r1T96/PyRVA+Vhn+0M8iBGqCO/LZ3tm91dj+gVTKbAepGhHrMpkv4s/i7cvv4apFlEn5YMPyNwbq2E9bAYfoR6oHTDoa/MVhfuc8a3B/9UCT85tA5v5IBEn5z1AW3kgF0+hGqM5su4ZkmO1MniAEewfB1h5ymaUgM8AQNXwyIjBq+rhOiG4Aa9qXa2qgL33Uh9moA3WnTTnW1qp1BRzkLAziEFKuqATcxIKOvA0BNA1xHUBfRtUMd3S7tNhlQ+lyQK30K3YbuCAcc26/rBC9rgITf4hqQevjQ9lFQ6uEDNwP6hkubOmkAjgTO1XVAsTGgDNo4OiI41t3RE6f2AycDysJvO9Qq4fs4DzK1n9L4PKCqAWpjuYHhhzgUD3IeUMcAINMRJ3yGz2oNUEc+R3DOr/NcGPs1oAvTDhLbgChrgC38j6/fF9+P9rbh5OImeKVc759Dk/brcqiyBnh/NtSEqROwA0Z7286P5wPsiOv98yDhuz4bGn0N0EHDH7zYjFLpYzZ9PaRTa4CKGv7i5zxKpYQygMJ6DRjtbZeG1ARdJyCfXn4GaHENYGNAqPBBmX7o9nEdaNOA1tcADCFU+BTVAOx8WQNIOCERAxwMCI0YoBDTAPVxxAAxQAwAMUAMEAPEADGguEEMEAOCIgYoiAFigBgAYoAYgIgBgREDFMQAMUAMADGAjwGhO0EMUJDXhJka4NsE3VUXYoDBAFNnNKm67YoBhFhXxFGzOBjA4so4aPniXEj5yjjk5OKmCCVWRZI24N2HV26tDEySBuA7Uzj8n/+67YeuGlDlfbix6b0BVd+HG5Penwfo3grKqfb6PEANn3t1pVUDaCfY6Gv40NCAKO+StNnRB0wG0DyiGKALuu/hQ9trAFgMSCF84LQG0AdNJXzgYAAoC3FK4QMHAygSfksGQILhg2X6ac2A1GBlQGrYwhcDAoEjuyz8KAbQnUmlloVe5aloaGJAlZ1Jsap4NaDtxnWhBjOAQ+O4V1v4jQyoMxemVnXQ8GsboG5cOuNh6KbwVQNUitcD8OPMdQbYNi7YUaeflasi4P4DnU3T0Ix8Hq5QjbLwx1eLrPhIc5yGTOHjH+s0Ev5Dc7KFj6x8prwpfN3GpK5WW17GDtg8OMvoQlwWvtRqVcf4apFpDbj5+ovFTne9UjNsZPjN8eFWjuEL4UEDMt0vj3YGefQ9SgAMnaLtAIp0RjN0oVP+Ae1eSainpsjUAAAAAElFTkSuQmCC);border-image-slice:38;border-image-width:1.3rem;border-image-repeat:repeat}#speechBubb{border:1rem solid #0000;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAU5JREFUeJztm0sSgjAQRKNHmCy4TI7PZbJIroCrsfzCJEQ6hn4rtULR/RjRRXCOEELIebnsOVhElnZR6sk5V/coPvCxdEqp9rxN8d7fX5fKMC/W4o+lc84l5/oJIvL0XmVYRZgWiciixXsovYYK8d6bJGwu0PK9F39FREwSrsdF6pNVO/969RXLFGxOwL+Wt3L6r8BXASKyzPN8bJrG5JxdSmn1DxsnAB0ADQWgA6ChAHQANBSADoCGAtAB0FAAOgAaCkAHQEMB6ABoKAAdAA0FoAOgoQB0ADQUgA6AhgLQAdBQADoAGgpAB0BDAegAaCjg04cj7A5Rdm+SGp2hBcQYN9e8jcan8Z+mqW2yA4gxuhBCm52iFpO9EGMsyvtkx3rz63EiXktbrr5TAbqPboQ7fwjBuZLt8iP85GlpV/vARC+PvtSy55EZQgghZ+YGyZl34HwJmrsAAAAASUVORK5CYII=);border-image-slice:16;border-image-width:1.3rem;border-image-repeat:repeat}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}.prebattle-form{flex-direction:column;gap:1rem;max-width:420px;margin:2rem 1rem 1rem;display:flex}.prebattle-input{color:#000;box-sizing:border-box;background-color:#fff;border:2px inset #11576a;outline:none;width:100%;padding:1rem 1.2rem;font-size:22px}.prebattle-input:focus{outline-offset:1px;outline:2px solid #2f8f83}.battle-button{color:#fff;cursor:pointer;text-shadow:-1px 1px #000;background-color:#2f8f83;border:2px outset #11576a;width:100%;padding:1rem 1.2rem;font-size:22px;font-weight:700;transition:background-color .2s}.battle-button:hover:not(:disabled){background-color:#256f66}.battle-button:disabled{opacity:.6;cursor:not-allowed}.topic-error-text{color:#dc2626;text-align:left;text-shadow:none;margin-top:.25rem;font-size:20px;font-weight:700}.side-text{color:#000;text-shadow:none;margin:.5rem;font-size:22px}