@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eee9d9;background:#0d1715;font-synthesis:none;--gold:#d4b579;--muted:#9ba996;--line:#ffffff19}*{box-sizing:border-box}body{margin:0;min-width:760px;background:radial-gradient(ellipse at 50% 0,#2c3d2d55,transparent 65%),#0d1715}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #e6cf93;outline-offset:4px}button:disabled{cursor:wait;opacity:.5}.shell{max-width:1440px;padding:27px 48px 24px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{display:flex;align-items:center;gap:14px}.seal{border:1px solid #bd684c;color:#e4a181;padding:5px 8px;font-family:serif;font-size:24px}.wordmark{letter-spacing:.3em;font-size:20px}.tag{font-size:9px;color:var(--muted);letter-spacing:.22em;margin-top:5px}.top-right{display:flex;align-items:center;gap:23px}.small{font-size:10px;letter-spacing:.14em;color:var(--muted)}.ghost{border:1px solid #66745c66;background:transparent;padding:9px 13px;font-size:10px;letter-spacing:.09em}.intro{display:flex;justify-content:space-between;align-items:end;margin:30px 0 22px}.eyebrow{font-size:10px;letter-spacing:.24em;color:var(--gold);margin-bottom:10px}h1{font:500 43px/1.1 Cormorant Garamond,Georgia,serif;letter-spacing:-.02em;margin:0}p{color:var(--muted);font-size:12px;line-height:1.7}.intro p{margin:8px 0 0}.counter{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.07em;padding-bottom:6px}.fire{color:#ff9766}.ice{color:#83dbe9}.wind{color:#bddb83}.layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:22px}.arena-wrap{position:relative;border:1px solid #85917444;background:#182c27;overflow:hidden;aspect-ratio:16/9;box-shadow:0 20px 60px #0003}canvas{display:block;width:100%;height:100%;cursor:crosshair}.arena-label{position:absolute;top:17px;left:20px;font-size:9px;letter-spacing:.18em;text-shadow:0 2px 5px #000;pointer-events:none}.arena-label span{display:block;font-family:Cormorant Garamond,Georgia,serif;font-size:23px;letter-spacing:0;margin-top:5px}.preview-note{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;text-shadow:0 2px 5px #000}.preview-note b{font:500 29px Cormorant Garamond,Georgia,serif}.preview-note small{display:block;font-size:9px;letter-spacing:.15em;margin-top:5px;color:#e2dac2}.stage-row{display:flex;align-items:center;gap:8px;margin:13px 0 22px}.section-label{font-size:9px;letter-spacing:.17em;color:var(--muted);margin-right:8px}.stage-btn{border:1px solid var(--line);background:#19251d;padding:8px 12px;font-size:10px;color:var(--muted)}.stage-btn.active{color:#eee7d2;border-color:#bca37388}.fighters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fighter{position:relative;text-align:left;min-height:125px;border:1px solid var(--line);background:linear-gradient(125deg,#263629,#17231c);padding:16px;overflow:hidden}.fighter.active{border-color:var(--gold);background:linear-gradient(125deg,#3b4430,#202e22)}.fighter .portrait{position:absolute;right:-5px;top:3px;width:120px;height:115px;image-rendering:pixelated;pointer-events:none}.fighter .num{font-size:9px;letter-spacing:.13em;color:var(--muted)}.fighter h3{position:relative;font:500 26px Cormorant Garamond,Georgia,serif;margin:20px 0 4px}.fighter small{position:relative;font-size:8px;letter-spacing:.12em}.panel{border:1px solid var(--line);background:#17231bcc;padding:22px;display:flex;flex-direction:column}.panel h2{font:500 29px Cormorant Garamond,Georgia,serif;margin:7px 0 4px}.panel p{font-size:11px;margin:0 0 18px}.mode{display:flex;border:1px solid var(--line);margin-bottom:20px}.mode button{width:50%;padding:10px 3px;background:transparent;border:0;font-size:10px;color:var(--muted)}.mode button.active{background:#43513b;color:#f6efd9}.default-spell{border:1px solid #c9b07844;background:#b9a5750b;padding:12px;margin:8px 0 18px;display:flex;align-items:center;gap:12px}.orb{width:31px;height:31px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:15px;box-shadow:inset 0 0 16px #ffffff18}.default-spell strong{font-size:11px}.default-spell small{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);margin-top:4px}.spell-list{display:grid;gap:7px;margin:10px 0 18px}.spell-choice{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;background:#0c191566;border:1px solid var(--line)}.spell-choice.selected{border-color:#c6b080aa;background:#3b46302e}.spell-choice strong{font-size:11px;font-weight:500;display:block}.spell-choice small{font-size:9px;color:var(--muted)}.check{margin-left:auto;font-size:12px;color:var(--gold)}.start{margin-top:auto;background:#d9c08b;border:0;color:#1b281f;padding:15px 14px;font-size:11px;font-weight:700;letter-spacing:.13em;display:flex;justify-content:space-between}.start:hover{background:#ecd5a7}.helper{font-size:9px!important;text-align:center;margin:10px 0 0!important}.footer{display:flex;justify-content:space-between;margin-top:24px;border-top:1px solid var(--line);padding-top:17px;font-size:9px;color:#849480;letter-spacing:.05em}.hidden{display:none!important}.playing .layout{display:block}.playing .arena-wrap{max-width:1120px;margin:auto}.playing .intro{margin:20px 0 17px}.playing h1{font-size:30px}.playing .arena-wrap canvas{cursor:none}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a1817d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3}.modal h2{font:500 58px Cormorant Garamond,Georgia,serif;margin:12px}.modal p{color:#c5c9b5;margin:0 0 20px}.modal .start{margin:0;width:250px}.modal .ghost{margin-top:10px;width:250px}.random-note{border:1px dashed #adbc8766;padding:24px 12px;text-align:center;margin-bottom:24px;font-family:Georgia,serif;font-size:22px}.random-note p{margin:12px 0 0}.control-strip{margin:15px auto 0;max-width:1120px;display:flex;gap:22px;justify-content:center;font-size:10px;color:var(--muted)}kbd{font-family:inherit;color:#e2d6b3}.error{color:#f7a591}@media(max-width:1050px){.shell{padding:20px}.layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.panel{padding:16px}.fighter{padding:12px}.fighter .portrait{right:-25px;opacity:.8}.counter{font-size:9px;gap:8px}h1{font-size:35px}.intro p{font-size:11px}.top-right .small{display:none}}.touch-controls{display:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:contain}.touch-mode.playing .touch-controls{display:grid;grid-template-columns:112px minmax(0,1fr) 112px;gap:18px;align-items:center;max-width:1000px;margin:12px auto 0}.touch-mode.playing .control-strip{display:none}.touch-side{text-align:center}.touch-stick{width:108px;height:108px;border:1px solid #b9c29c66;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#415d4233,#10261f99);touch-action:none}.stick-axis{font-size:28px;color:#bbcf9855}.stick-knob{position:absolute;left:32px;top:32px;width:42px;height:42px;border-radius:50%;border:1px solid #cdd4a988;background:#b8c69444;pointer-events:none}.touch-stick.engaged{border-color:#eed59a}.aim-stick{border-color:#dcc18f88}.aim-stick .stick-knob{background:#d9bb7944}.touch-caption{display:block;margin-top:7px;font-size:9px;letter-spacing:.15em;color:#a9b99c}.touch-spells{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.touch-spells button,.touch-actions button{min-height:48px;border:1px solid #62725a77;background:#1c3026;font-size:11px;padding:8px 5px;touch-action:none;border-radius:5px}.touch-spells button{border-top:2px solid var(--spell-color,#d9c08b);color:var(--spell-color,#d9c08b)}.touch-spells button.selected{background:#3b4d37;outline:1px solid var(--spell-color)}.touch-controls button small{display:block;font-size:8px;letter-spacing:.05em;margin-top:4px;color:#abb99d}.touch-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.touch-actions button[data-touch-action=attack]{background:#665037}.touch-actions button[data-touch-action=cast]{background:#344b50}.touch-controls button.pressed{background:#b7b081;color:#12231c;transform:translateY(1px)}.touch-hint{text-align:center;font-size:9px;margin:9px 0 0;color:#b1bea5}.touch-locked{opacity:.4}.touch-mode .ghost,.touch-mode .stage-btn,.touch-mode .mode button{min-height:44px}.touch-mode .spell-choice{min-height:52px}.touch-mode #game{touch-action:none}.touch-mode.playing .shell{padding:10px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.touch-mode.playing .top{padding-bottom:8px}.touch-mode.playing .intro{margin:9px 0}.touch-mode.playing .intro .eyebrow,.touch-mode.playing .intro p,.touch-mode.playing .footer{display:none}.touch-mode.playing h1{font-size:24px}.touch-mode.playing .arena-wrap{width:min(100%,calc((100dvh - 275px) * 16 / 9));min-width:320px}.touch-mode.playing .top-right{gap:8px}.touch-mode.playing .tag{display:none}@media(max-width:850px){body{min-width:0}.shell{padding:16px}.layout{grid-template-columns:1fr}.panel{margin-top:5px}.spell-list{grid-template-columns:repeat(2,minmax(0,1fr))}.top-right{gap:7px}.top .small{display:none}.intro{gap:15px}.intro h1{font-size:32px}.counter{white-space:nowrap}.footer{font-size:8px;gap:10px}.touch-mode.playing .arena-wrap{width:100%}.touch-mode.playing .touch-controls{gap:8px;grid-template-columns:90px minmax(0,1fr) 90px}.touch-stick{width:88px;height:88px}.stick-knob{left:23px;top:23px}.touch-actions,.touch-spells{gap:4px}.touch-spells button,.touch-actions button{font-size:10px}.touch-hint{font-size:8px}.touch-mode.playing .wordmark{font-size:16px}.touch-mode.playing .seal{font-size:18px}}@media(max-width:600px){.intro{display:block}.counter{margin-top:12px}.top .wordmark{font-size:14px}.top .tag{display:none}.ghost{padding:8px;font-size:9px}.brand{gap:7px}.fighter small{font-size:7px}.fighter .portrait{right:-40px}.preview-note small{font-size:7px}.preview-note b{font-size:23px}.touch-mode.playing .touch-controls{grid-template-columns:76px minmax(0,1fr) 76px}.touch-stick{width:72px;height:72px}.stick-knob{left:15px;top:15px}.touch-actions{grid-template-columns:repeat(3,1fr)}.touch-spells button{font-size:9px}.touch-caption{font-size:8px}.touch-mode.playing .counter{margin-top:6px}.modal h2{font-size:34px}.modal p{font-size:10px}.modal .start,.modal .ghost{min-height:40px;padding:9px}.modal .eyebrow{margin:0}.modal h2{margin:6px}}.touch-mode.playing .touch-controls{display:flex;position:relative;justify-content:space-between;align-items:start;gap:0;height:194px;max-width:1000px;margin:8px auto 0;padding:0 12px}.touch-side{position:relative;width:228px;height:172px;flex:none}.touch-side .touch-stick{position:absolute;width:104px;height:104px;top:36px}.touch-left .touch-stick{left:0}.touch-right .touch-stick{right:0}.touch-side .stick-knob{left:30px;top:30px}.touch-side .touch-caption{position:absolute;top:144px;width:104px;margin:0}.touch-left .touch-caption{left:0}.touch-right .touch-caption{right:0}.touch-spells,.touch-actions{display:contents}.touch-spells button,.touch-actions button{position:absolute;width:54px;height:54px;min-height:54px;border-radius:50%;padding:5px;font-size:9px;line-height:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 10px #0003}.touch-controls button small{font-size:8px;margin-top:3px;letter-spacing:0}.touch-spells button:nth-child(1){left:92px;top:0}.touch-spells button:nth-child(2){left:128px;top:60px}.touch-spells button:nth-child(3){left:92px;top:120px}.touch-actions button:nth-child(1){right:82px;top:0}.touch-actions button:nth-child(2){right:122px;top:48px}.touch-actions button:nth-child(3){right:122px;top:108px}.touch-actions button:nth-child(4){right:68px;top:144px}.touch-hint{position:absolute;bottom:0;left:0;right:0;margin:0;font-size:10px;pointer-events:none}.touch-mode.playing .arena-wrap{width:min(100%,calc((100dvh - 325px) * 16 / 9))}@media(max-width:850px){.touch-mode.playing .arena-wrap{width:100%}}@media(max-width:500px){.touch-mode.playing .touch-controls{padding:0;height:194px}.touch-side{width:180px}.touch-side .touch-stick{width:88px;height:88px;top:44px}.touch-side .stick-knob{left:22px;top:22px}.touch-spells button:nth-child(1){left:66px}.touch-spells button:nth-child(2){left:98px}.touch-spells button:nth-child(3){left:66px}.touch-actions button:nth-child(1){right:60px}.touch-actions button:nth-child(2),.touch-actions button:nth-child(3){right:94px}.touch-actions button:nth-child(4){right:40px}.touch-side .touch-caption{width:88px}.touch-hint{font-size:8px}}.multiplayer{margin:32px 0;padding:24px;border:1px solid #53604d;background:#18271fe6}.multiplayer h2{font:28px Georgia;margin:10px 0}.multiplayer p{color:#c0c7b8;line-height:1.6;max-width:850px}.network-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.multiplayer label{display:block;margin:14px 0 7px}.multiplayer textarea,.multiplayer input{display:block;box-sizing:border-box;width:100%;padding:12px;background:#101d18;color:#eee7d6;border:1px solid #67705b;border-radius:4px;font:14px monospace}.multiplayer textarea{resize:vertical}.multiplayer details{margin-top:20px}.multiplayer summary{cursor:pointer}.multiplayer button{margin-top:8px}#network-status{color:#f0d79a}.playing .multiplayer textarea,.playing .multiplayer label,.playing .multiplayer details,.playing .multiplayer #host-duel,.playing .multiplayer #join-duel{display:none}html,body,#app,.shell.touch-mode.playing{touch-action:manipulation}html.page-zoomed,html.page-zoomed body,html.page-zoomed #app,html.page-zoomed .shell,html.page-zoomed .shell *{touch-action:manipulation!important}.difficulty-setting{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}.difficulty-setting select{font:inherit;color:#eee9d9;background:#18281f;border:1px solid #66745c66;padding:8px;min-height:36px;touch-action:manipulation}.touch-mode .difficulty-setting select{font-size:16px;min-height:44px}.top-right{flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){.top{gap:8px}.top-right{gap:4px}.difficulty-setting{font-size:9px}.difficulty-setting select{padding:6px}.touch-mode .difficulty-setting select{max-width:90px}}.room-actions{display:flex;align-items:end;gap:32px;flex-wrap:wrap;margin:20px 0}.room-actions>.start{width:auto;min-width:190px;margin:0}.room-actions form{flex:1;max-width:390px}.join-row{display:flex;gap:10px}.join-row .start{width:auto;margin:0;min-width:90px}.multiplayer #room-input{width:180px;font-size:24px;letter-spacing:.15em;text-transform:uppercase}.multiplayer #room-code{display:block;font-size:clamp(32px,6vw,52px);letter-spacing:.2em;color:#f0d79a;margin:12px 0;font-family:monospace}.playing .room-actions,.playing #room-share{display:none}.multiplayer button:disabled{opacity:.5;cursor:wait}.spell-choice .orb{flex-shrink:0}.spell-choice>span:nth-child(2){min-width:0}.spell-choice .spell-description{display:block;margin-top:5px;line-height:1.45;color:#b6c2ad;white-space:normal}.spell-list{max-height:520px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:#687654 #18251e;scrollbar-width:thin}.special-button{display:none;margin:10px auto;padding:12px 22px;min-height:44px;border:1px solid #dec58d;background:#293b2b;color:#f5e3b8;cursor:pointer;touch-action:manipulation;font:600 12px system-ui;letter-spacing:.08em}.playing .special-button{display:block}.special-button:disabled{opacity:.6;cursor:default}.fighter-special{font:11px/1.5 system-ui;color:#b8c6ad;margin:10px 0 0}.fighter-special b{color:#eed8a9}.fighters{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:700px){.fighters{grid-template-columns:repeat(2,minmax(0,1fr))}}