*{box-sizing:border-box}body{margin:0;color:#e9f1ff;background:radial-gradient(ellipse at 50% 30%,#253b55,#101d30 45%,#091320);font:14px/1.6 'Segoe UI','Microsoft JhengHei',sans-serif;min-height:100vh}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #42536b;border-radius:8px;background:#23334b;padding:8px 14px}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible{outline:3px solid #ffd277;outline-offset:3px}.top{height:72px;padding:0 5%;border-bottom:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between}.brand{color:#f7c86b;text-decoration:none;font-size:28px;font-weight:900;display:flex;align-items:center;gap:12px}.brand span{font-size:17px;letter-spacing:2px;color:white}.brand b{color:#f7c86b}.tag{font-size:12px;letter-spacing:2px;color:#94a9bf}.top button{background:transparent;font-size:13px;color:#b8c8d9}main{max-width:1320px;margin:24px auto;display:grid;grid-template-columns:1fr minmax(330px,440px) 1fr;gap:52px;align-items:start;padding:0 30px}.left,.right{padding-top:26px}.eyebrow{letter-spacing:2px;font-size:11px;color:#d5b879}h1{font-size:54px;line-height:1.15;margin:20px 0;font-weight:900;letter-spacing:4px}h1 span{display:block;color:#f2c878}p{color:#94a9c0}.intro{font-size:16px;line-height:1.9}.line{height:1px;background:#ffffff14;margin:25px 0}.decktitle{font-size:13px;color:#8da5bf;display:flex;justify-content:space-between;gap:8px}.decktitle span{color:#cd94f4;font-size:12px}h2{margin:4px 0 16px;font-size:24px}.deck{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.deck img{width:100%;filter:drop-shadow(0 3px 3px #0008)}.small{font-size:13px}.tips{margin-top:24px;border-left:2px solid #d7b779;padding-left:18px}.tips p{font-size:12px;margin:9px 0}kbd{border:1px solid #5a6d81;border-radius:4px;padding:1px 5px;color:#cad8e5;font-size:11px}.source{display:block;font-size:10px;color:#6f829b;margin-top:26px;text-decoration:none}.game{background:#17273d;border:1px solid #6b7e9350;border-radius:14px;box-shadow:0 24px 75px #0009;overflow:hidden;position:relative}.player{display:flex;align-items:center;gap:11px;padding:9px 16px;background:linear-gradient(110deg,#263c55,#152439)}.player b{font-size:15px}.player span{display:block;font-size:10px;color:#9db0c7;letter-spacing:1px}.shield{height:35px;width:32px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);text-align:center;font-size:23px;font-weight:900}.red{background:#bc4858}.blue{background:#328eda}.timer{margin-left:auto;text-align:center}.timer small{display:block;font-size:10px;color:#a1b3c6}.timer strong{font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.arena{position:relative;background:#466c40;aspect-ratio:480/640}canvas{width:100%;height:100%;display:block;touch-action:none}.you{padding:7px 14px;border-top:2px solid #5295c6}.you #score{margin-left:auto;color:#f5ce7a;font-size:16px}.you button{padding:2px 8px}.handwrap{display:flex;gap:13px;padding:10px 18px 2px;background:linear-gradient(#23344d,#18273e)}.hand{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;flex:1}.card{position:relative;padding:0;background:transparent;border:0;border-radius:9px;transition:transform .15s,filter .15s;touch-action:none}.card img{width:100%;display:block;pointer-events:none}.card .cost{position:absolute;top:0;left:0;border-radius:50%;background:linear-gradient(#ebacff,#9a3fcd);border:2px solid #f2cdff;width:24px;height:26px;line-height:22px;font-size:16px;text-shadow:1px 2px #512174;font-weight:900}.card .key{position:absolute;bottom:7px;right:7px;font-size:10px;background:#142033aa;padding:0 4px;border-radius:3px}.card.selected{transform:translateY(-10px);filter:drop-shadow(0 0 6px #ffdc80)}.card.poor{filter:grayscale(.85) brightness(.58)}.next{width:44px;padding-top:3px;text-align:center}.next small{font-size:10px;color:#9bafc8}.next img{width:100%;opacity:.7}.elixir{display:flex;align-items:center;gap:10px;padding:2px 20px;color:#d88bfa}.elixir strong{font-size:24px;text-shadow:0 2px #581980}.meter{height:14px;border-radius:5px;border:1px solid #7b5595;background:#10192d;flex:1;position:relative;overflow:hidden}.meter #fill{height:100%;width:50%;background:linear-gradient(#e489f6,#ae45d7)}.ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#18243d 10%)}.elixir span{font-size:12px;color:#849ab4}.hint{min-height:27px;text-align:center;color:#a9bad0;font-size:11px;padding-bottom:7px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#081b2b80;backdrop-filter:blur(3px);z-index:3}.overlay.hidden{display:none}.modal{width:84%;text-align:center;border:1px solid #efc57365;border-radius:15px;padding:28px 20px;background:linear-gradient(145deg,#2c425e,#101f34);box-shadow:0 20px 70px #0009}.cross{font-size:48px;color:#f8cc73;line-height:1.2}.modal small{font-size:10px;letter-spacing:3px;color:#d5b672}.modal h2{font-size:34px;margin:8px 0}.modal p{font-size:14px;color:#bac9dc}.gold{background:linear-gradient(#ffe18b,#e9ad42);color:#3d2a0c;font-size:20px;font-weight:900;width:90%;border:1px solid #ffedb5;box-shadow:0 5px 0 #966421;padding:11px;margin:12px 0 20px}.badge{font-size:10px;color:#8da2ba}.banner{position:absolute;top:43%;left:0;right:0;text-align:center;pointer-events:none;font-size:28px;font-weight:900;text-shadow:0 3px 3px #000;color:#ffe3a3;z-index:2}.live{font-size:11px;letter-spacing:2px;color:#81d4ac}.versus{display:flex;align-items:center;justify-content:space-between;margin:24px 0 35px;font-size:22px;font-weight:900}.versus b{font-style:italic;font-size:15px;color:#7a8c9f}.versus span{color:#6fbdff}.versus em{color:#f2868b;font-style:normal}.rule{display:flex;gap:16px;margin-bottom:25px}.rule>span{font-size:11px;color:#cbad74;padding-top:3px}.rule h3{margin:0;font-size:15px}.rule p{font-size:13px;line-height:1.9;margin-top:7px}.selection{border:1px solid #5a718342;background:#ffffff04;padding:22px;border-radius:9px;margin-top:30px}.selection small{font-size:10px;letter-spacing:2px;color:#c8ad7b}.selection h3{font-size:17px;margin:12px 0 5px}.selection p{font-size:13px;line-height:1.9;margin-bottom:0}.version{margin-top:24px;color:#637a94;font-size:9px;letter-spacing:2px}@media(max-width:1100px){main{gap:28px;grid-template-columns:1fr minmax(320px,440px)}.right{display:none}.left{max-width:280px}}@media(max-width:720px){.top{height:48px;padding:0 16px}.brand{font-size:23px}.brand span{font-size:12px}.tag{display:none}.top button{font-size:11px;padding:4px 8px}main{display:block;margin:8px auto;padding:0 6px;max-width:440px}.left,.right{display:none}.game{border-radius:8px}.player{padding:5px 12px}.handwrap{padding:8px 18px 0}.hand{gap:8px}.arena{height:calc(100dvh - 265px);min-height:320px;aspect-ratio:auto}.card img{max-height:80px;object-fit:contain}.hint{font-size:10px}.elixir strong{font-size:21px}}
.scene3d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.battle-hud{position:relative;z-index:1}.banner{z-index:2}.overlay{z-index:3}.arena{background:#536f45}@media(max-width:720px){.arena{height:auto;min-height:0;aspect-ratio:480/640}}