:root{--gold:#e7bf7c;--cream:#eee0c6;--muted:#ac9eac;--line:#93748658;--ink:#241c28;--display:"STKaiti","KaiTi","Noto Serif CJK SC",serif;--body:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:#17151d;color:var(--cream);font:14px var(--body);display:grid;place-items:center;min-height:100dvh;background-image:radial-gradient(ellipse at 50% 30%,#5a384249,transparent 65%)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}button:disabled{cursor:default}button:focus-visible{outline:2px solid #f3d495;outline-offset:3px}button:not(:disabled):hover{filter:brightness(1.12)}h1,h2,h3,p{margin:0}img{display:block;user-select:none}button img{pointer-events:none}
.game{width:min(100vw,calc(100dvh * 9 / 16),480px);aspect-ratio:9/16;container-type:inline-size;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:calc(min(100vw,100dvh * 9 / 16,480px) * .023);gap:calc(min(100vw,100dvh * 9 / 16,480px) * .012);background:linear-gradient(145deg,#342630,#201d2a 45%,#292030);border:1px solid #9d7a6140;box-shadow:0 15px 90px #0d0b1466}.game-header{height:8.5cqw;flex:none;display:flex;align-items:center;gap:1.7cqw;padding:0 .7cqw}.wordmark{display:flex;align-items:center;gap:1cqw}.wordmark img{width:7cqw;height:7cqw;filter:drop-shadow(0 1px 3px #de9c4133)}h1{font:600 5cqw var(--display);letter-spacing:.35cqw;white-space:nowrap;color:#f0d6a2}.challenge-tag{font:600 2cqw var(--body);letter-spacing:.12cqw;color:#bb9c85;background:#c9975210;border:1px solid #a580584d;padding:1cqw 1.2cqw;white-space:nowrap;margin-left:auto}.icon-button{width:7cqw;height:7cqw;display:grid;place-items:center;font:3.5cqw Georgia,serif;border:1px solid var(--line);border-radius:1cqw;color:#d5b8ab;flex-shrink:0}
.score-strip{height:10cqw;flex:none;display:flex;align-items:center;padding:0 2.2cqw 1cqw;gap:4cqw}.current-score{display:flex;align-items:baseline;gap:2cqw}.current-score>span{font:1.9cqw Georgia,serif;letter-spacing:.5cqw;color:#ae90a0}.current-score strong{font:600 7.3cqw Georgia,serif;letter-spacing:.1cqw;color:#ffe5b5;line-height:1}.personal-best{border-left:1px solid var(--line);padding-left:3.5cqw;align-self:center}.personal-best small{display:block;font-size:1.9cqw;color:#a496a6}.personal-best b{font:3cqw Georgia,serif;display:block;color:#baa794;margin-top:.7cqw}.rank-button{margin-left:auto;font-size:2.6cqw;color:#ddbe95;white-space:nowrap;padding:2cqw 0}.rank-button>span{font:4cqw Georgia,serif;color:var(--gold);margin-right:.6cqw}
.arena{height:40.5cqw;flex:none;position:relative;border:1px solid #b48a674f;border-radius:1.2cqw;overflow:hidden;background:#3a2434;box-shadow:0 4px 12px #17101e77}.arena:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -2cqw 6cqw #2b192180,inset 0 1px #e0b68629}#battleCanvas{width:100%;height:100%;display:block;image-rendering:pixelated}.combatants{position:absolute;top:2cqw;left:3cqw;right:3cqw;display:flex;align-items:center;gap:3.5cqw;z-index:2}.hp-group{flex:1;min-width:0}.hp-group>div:first-child{display:flex;justify-content:space-between;align-items:center;text-shadow:0 1px 4px #140e1c;margin-bottom:1cqw}.hp-group b{font:500 3cqw var(--display);letter-spacing:.2cqw}.hp-group small{font:2.1cqw Georgia,serif;color:#e0c8b4}.hp-track{height:1.5cqw;border:1px solid #c6aa8755;background:#251625b3;border-radius:.2cqw;padding:1px;overflow:hidden}.hp-track i{height:100%;display:block;width:100%;transition:width .25s;background:linear-gradient(90deg,#dba354,#efca7a)}.boss-hp .hp-track i{background:linear-gradient(90deg,#9e4662,#d37a7f)}.versus{font:italic 2.8cqw Georgia,serif;color:#d5b996;text-shadow:0 1px 4px #281721;align-self:end;padding-bottom:.1cqw}.arena-bottom{position:absolute;bottom:1.7cqw;left:3cqw;right:3cqw;display:flex;align-items:center;justify-content:space-between;z-index:2;color:#dfc6b6;font-size:2.1cqw;text-shadow:0 1px 4px #1c1022}.arena-bottom>span:first-child{border-left:2px solid #ab6f87;padding-left:1.4cqw}.turn-pill{padding:.6cqw 1.6cqw;background:#251826c7;border:1px solid #ac877038;border-radius:4cqw;font-size:2.2cqw}.turn-pill b{font:600 3cqw Georgia,serif;color:#edc68c;margin:0 .5cqw}.turn-pill.danger{color:#ed999d;border-color:#bd526785}.turn-pill.danger b{color:#ffadb2}.battle-announcement{position:absolute;top:45%;left:0;right:0;text-align:center;font:600 5.6cqw var(--display);color:#ffdf96;text-shadow:0 2px 8px #211021,0 0 16px #d5643455;z-index:4;pointer-events:none}.battle-announcement small{display:block;font:1.9cqw Georgia,serif;letter-spacing:.65cqw;margin-top:1cqw;color:#ffdbb1}
.skill-strip{height:13.5cqw;flex:none;display:flex;gap:2cqw;margin-top:.4cqw}.skill-button{flex:1;min-width:0;display:flex;align-items:center;gap:1.3cqw;text-align:left;padding:1.8cqw 1.6cqw;background:#a0846220;border:1px solid #aa855b50;border-radius:1cqw;position:relative}.skill-button>img{width:8.4cqw;height:8.4cqw;filter:drop-shadow(0 2px 3px #170e21a3)}.skill-info{flex:1;min-width:0}.skill-info>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:.7cqw;white-space:nowrap}.skill-info strong{font:600 3.5cqw var(--display);letter-spacing:.2cqw;color:#ebd1a3}.skill-info b{font:2.15cqw Georgia,serif;color:#cfb493}.skill-track{display:block;margin-top:1.7cqw;height:.85cqw;background:#18121d78;overflow:hidden;border-radius:2cqw}.skill-track i{height:100%;width:0;display:block;background:#e0b768;transition:width .3s}.skill-info>small{display:block;font-size:1.8cqw;color:#b19c91;line-height:1;margin-top:1.5cqw;white-space:nowrap}.arcane{background:#5d729e20;border-color:#678bc057}.arcane .skill-info strong{color:#c0d4ee}.arcane .skill-info b{color:#aabedb}.arcane .skill-info small{color:#929cbb}.arcane .skill-track i{background:#88afd9}.skill-button.ready{border-color:#e8bb77;background:#ad773d38;box-shadow:inset 0 0 2cqw #bc92501a;animation:ready 1.5s ease-in-out infinite}.skill-button.arcane.ready{border-color:#9abfe5;background:#5279a53d;animation-name:readyBlue}.skill-button.active{border-color:#e98e69;background:#a14e362c}.skill-button.ready .skill-info small{color:#f0d092}.skill-button:disabled{opacity:.83}
.puzzle-section{height:89.5cqw;flex:none;position:relative;display:flex;align-items:flex-start;justify-content:center;margin-top:.3cqw}.board-frame{height:88.2cqw;width:88.2cqw;padding:1.3cqw;background:linear-gradient(140deg,#1b1b285c,#13121bd9);border:1px solid #b3997259;border-radius:1.2cqw;box-shadow:inset 0 0 6cqw #12101b80,0 5px 15px #170f2060;position:relative}.board-frame:before,.board-frame:after{content:'◆';position:absolute;color:#d1a96d;font-size:1.9cqw;z-index:4;top:-1.3cqw}.board-frame:before{left:-.9cqw}.board-frame:after{right:-.9cqw}.board{width:100%;height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:.8cqw;touch-action:none}.tile{position:relative;min-width:0;padding:0;border:1px solid #b7a2b013;background:linear-gradient(135deg,#55455578,#332838bf);border-radius:1cqw;box-shadow:inset 0 1px 1px #ccb7bd0b,0 2px 2px #11111d69;display:grid;place-items:center;touch-action:none;isolation:isolate}.tile:nth-child(2n){background:linear-gradient(135deg,#58435355,#312735bf)}.tile img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 2px 2px #0e0c19a6);pointer-events:none}.tile.selected{border-color:#f3d38e;box-shadow:inset 0 0 3cqw #e7b06230,0 0 0 1px #e8c184;z-index:2}.tile.hinted{animation:hint 1s ease-in-out infinite}.tile.special-row:before,.tile.special-col:before{content:'';position:absolute;inset:44% -1px;border:1px solid #ffe1a184;background:#fff2b852;box-shadow:0 0 6px #f5bf7d80;z-index:3;pointer-events:none}.tile.special-col:before{inset:-1px 44%}.tile.special-bomb:before{content:'✧';position:absolute;inset:0;display:grid;place-items:center;color:#fff0b5;font:9cqw Georgia,serif;text-shadow:0 0 8px #e48f4b;z-index:3}.tile.special-wild{border-color:#efd5a8a8;background:conic-gradient(#cdb98477,#9bc1cf66,#c197cb77,#cdb98477)}.tile.special-wild:before{content:'✺';position:absolute;font:9cqw Georgia,serif;color:#ffe5ad;text-shadow:0 0 12px #e7ac66;z-index:3}.tile.special-wild img{opacity:.25}.board-message{position:absolute;top:100%;left:0;right:0;text-align:center;font-size:2.05cqw;letter-spacing:.05cqw;color:#b49caa;white-space:nowrap;height:3cqw;line-height:3cqw;pointer-events:none}.game-tools{height:8.7cqw;flex:none;margin-top:2.7cqw;display:flex;align-items:center;justify-content:space-between;padding:0 5.8cqw;color:#cdb5a0}.game-tools button{font-size:2.8cqw;padding:1.8cqw 0;display:flex;gap:1cqw;align-items:center}.game-tools button>span{font:5cqw Georgia,serif;color:#c6a474}.game-tools button>b{font:2.5cqw Georgia,serif;border:1px solid #ae8f6340;padding:.3cqw 1cqw;border-radius:.5cqw;margin-left:.4cqw}.footer-caption{font:2.6cqw var(--display);letter-spacing:.4cqw;color:#957d91}.game-tools button:disabled{opacity:.4}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}.particle{width:4px;height:4px;background:var(--particle,#f4c276);position:absolute;box-shadow:0 0 4px var(--particle,#f4c276)}
dialog{margin:auto;background:#2a222e;color:var(--cream);border:1px solid #bc996b88;border-radius:10px;padding:0;width:min(92vw,405px);max-height:min(92dvh,760px);box-shadow:0 20px 80px #110c1ea8;overflow:auto}dialog::backdrop{background:#100d189c;backdrop-filter:blur(5px)}#dialogContent{padding:28px 23px;position:relative;background:radial-gradient(ellipse at top,#b0713e1a,transparent 70%)}.dialog-close{position:absolute;right:12px;top:10px;width:32px;height:32px;font-size:24px;color:#b9a4ae}.dialog-kicker{font:9px Georgia,serif;color:#d2ac7d;letter-spacing:2.6px;text-align:center;margin:5px 0 13px}.dialog-title{font:600 30px var(--display);letter-spacing:3px;text-align:center;line-height:1.3;color:#f4d9ae}.dialog-copy{font-size:11px;color:#bba5b3;line-height:1.85;text-align:center;margin-top:13px}.dialog-copy strong{color:#e8c9a0;font-weight:500}.dialog-buttons{display:flex;gap:10px;margin-top:24px;justify-content:center}.primary-button,.secondary-button{border:1px solid #af8a5c70;border-radius:5px;min-height:45px;padding:12px 19px;font-size:12px;letter-spacing:.5px}.primary-button{background:linear-gradient(120deg,#e6bf82,#c28e63);border-color:#edd0a1;color:#30202a;font-weight:600;box-shadow:0 3px 15px #d1893930;flex:1}.secondary-button{color:#d3b8a3;background:#b2936a0b}.dialog-note{font-size:9px;color:#958097;line-height:1.7;text-align:center;margin-top:16px}.intro-duel{height:141px;position:relative;overflow:hidden;border:1px solid #a37f5f50;border-radius:5px;margin-top:21px;background:url('assets/pixel/ruined-arena.webp') center 62%/cover}.intro-duel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#271c30aa,transparent 50%)}.intro-sprite{position:absolute;width:133px;height:133px;bottom:0;background-size:399px 266px;background-repeat:no-repeat;image-rendering:pixelated}.intro-sprite.nezha{left:5px;background-image:url('assets/pixel/nezha-sprites.webp')}.intro-sprite.ezareth{right:0;width:151px;height:139px;background-image:url('assets/pixel/ezareth-sprites.webp');background-size:453px 278px}.intro-versus{position:absolute;left:0;right:0;top:57px;text-align:center;font:italic 26px Georgia,serif;color:#e3bb87;text-shadow:0 2px 12px #150e1d;z-index:2}.intro-rules{display:flex;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:15px 0;gap:9px}.intro-rules span{font-size:10px;color:#b49fa8;text-align:center}.intro-rules b{display:block;color:#edc997;font:22px Georgia,var(--display);margin-bottom:7px}.result-score{font:600 51px Georgia,serif;text-align:center;color:#f1cb88;margin:20px 0 6px;letter-spacing:1px}.result-score-label{text-align:center;letter-spacing:2px;color:#a78da2;font:9px Georgia,serif}.result-outcome{margin:15px 0 0;text-align:center;color:#d5b3a0;font-size:11px}.result-stats{display:flex;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;padding:17px 0}.result-stats>span{font-size:9px;color:#a992a5;text-align:center}.result-stats b{display:block;font:22px Georgia,serif;color:#ead1b6;margin-bottom:7px}.name-row{display:flex;gap:10px;align-items:center;margin-top:20px}.name-row label{font-size:11px;color:#c5acb4;white-space:nowrap}.name-row input{min-width:0;flex:1;background:#1917228c;border:1px solid var(--line);color:#e5c9ad;border-radius:4px;padding:11px 12px;font:12px var(--body);outline-color:#e5c79c}.saved-tag{text-align:center;font-size:10px;color:#b7c099;margin-top:13px}.rank-list{margin-top:20px;display:flex;flex-direction:column;max-height:330px;overflow:auto}.rank-row{display:flex;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid #8f718138}.rank-row.mine{background:#c79b5420;padding-left:9px;padding-right:9px;border-radius:4px}.rank-number{font:20px Georgia,serif;color:#a6888e;width:22px;text-align:center;flex-shrink:0}.rank-row:nth-child(-n+3) .rank-number{color:#edc781}.rank-info{flex:1;min-width:0}.rank-info strong{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddc2b4}.rank-info small{display:block;font-size:9px;color:#9b879e;margin-top:5px}.rank-score{font:20px Georgia,serif;color:#e9c699;white-space:nowrap}.rank-empty{text-align:center;padding:30px 10px;color:#bda4b1;font-size:12px;line-height:2}.rank-summary{font-size:10px;color:#b39aa6;text-align:center;margin-top:11px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-row p{font-size:10px;color:#99849c;margin-top:6px}.switch{width:45px;height:25px;padding:3px;border-radius:20px;background:#574151;flex-shrink:0}.switch:before{content:'';display:block;background:#b4a0b4;width:19px;height:19px;border-radius:50%;transition:transform .15s}.switch[aria-checked=true]{background:#b3875c}.switch[aria-checked=true]:before{transform:translateX(20px);background:#f3d8ae}.pause-actions{display:flex;justify-content:space-between;margin-top:20px;gap:8px}.pause-actions button{font-size:11px;color:#ccb293;padding:10px 4px}.help-items{margin-top:22px;display:grid;gap:15px}.help-items>div{display:flex;gap:12px;align-items:start;border-bottom:1px solid #98788933;padding-bottom:15px}.help-items>div>span{font:23px Georgia,serif;color:#dcba83;width:27px;text-align:center;flex-shrink:0}.help-items p{font-size:11px;line-height:1.85;color:#bea5b6}.help-items strong{display:block;color:#ead1af;font-weight:500;margin-bottom:3px}.help-items img{width:30px;flex-shrink:0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,10px);max-width:min(88vw,380px);width:max-content;padding:11px 17px;border:1px solid #be9a6999;background:#392e3cf2;color:#eed3ae;font-size:11px;text-align:center;line-height:1.6;z-index:100;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:0 5px 30px #0e0b1980}.toast.show{opacity:1;transform:translate(-50%,0)}.reduced-motion *{animation:none!important;transition:none!important}@keyframes ready{50%{box-shadow:0 0 9px #dbab533f,inset 0 0 15px #dba35c20}}@keyframes readyBlue{50%{box-shadow:0 0 9px #8dbae53f,inset 0 0 15px #809fdc20}}@keyframes hint{50%{box-shadow:inset 0 0 0 2px #f0ca82,0 0 7px #e8b77970}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:360px){#dialogContent{padding:24px 19px}.dialog-title{font-size:27px}.primary-button,.secondary-button{padding:11px 15px}.intro-duel{height:123px}.intro-sprite{scale:.88;transform-origin:bottom left}.intro-sprite.ezareth{transform-origin:bottom right}}

.name-row .name-fixed{min-width:0;flex:1;background:#1917228c;border:1px solid var(--line);color:#e5c9ad;border-radius:4px;padding:11px 12px;font:600 12px/1.4 var(--body);text-align:center;letter-spacing:.02em}
.skill-button{pointer-events:none}