:root{--ink:#172333;--muted:#687582;--blue:#287f9c;--felt:#123d4c;--felt2:#0b2533;--gold:#ffd36d}.duel-app{min-height:100vh;padding:34px clamp(18px,5vw,72px) 42px;background:#f3f8f9;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.duel-header{max-width:1080px;margin:auto;display:flex;justify-content:space-between;gap:20px}.duel-kicker,.panel-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--blue)}.duel-header h1{font-size:clamp(2.5rem,7vw,5.6rem);line-height:.9;letter-spacing:-.08em;margin:12px 0}.duel-header h1 em{color:var(--blue);font-style:normal}.duel-header p{color:var(--muted);margin:0}.duel-actions{display:flex;gap:8px}.icon-btn{border:0;border-radius:14px;background:#fff;box-shadow:0 5px 18px #123b4c14;font-size:1.15rem;width:46px;height:46px;cursor:pointer}.duel-stats{max-width:1080px;margin:28px auto 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.duel-stats div{background:#fff;border:1px solid #dce9ec;border-radius:16px;padding:14px 16px}.duel-stats span{display:block;color:var(--muted);font-size:.72rem;font-weight:700}.duel-stats strong{font-size:1.45rem}.duel-table{max-width:1080px;margin:auto;background:radial-gradient(circle at 50% 0,#21677b,var(--felt) 55%,var(--felt2));border-radius:28px;padding:30px clamp(16px,5vw,58px) 26px;color:#fff;box-shadow:0 20px 50px #15394635;text-align:center;transition:background .4s}.duel-app.midnight .duel-table{background:radial-gradient(circle at 50% 0,#254b72,#142b4b 60%,#0b1931)}.duel-app.sunset .duel-table{background:radial-gradient(circle at 50% 0,#a35d4a,#5c3040 60%,#2b1a2d)}.duel-message{font-weight:800;min-height:24px;margin-bottom:24px}.duel-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,5vw,60px);max-width:620px;margin:auto}.duel-side{display:flex;flex-direction:column;align-items:center;gap:12px}.side-label{font-size:.75rem;letter-spacing:.14em;font-weight:800;color:#c3dbe0}.versus{font-weight:900;color:var(--gold);font-size:1.3rem}.duel-card{width:clamp(96px,22vw,160px);aspect-ratio:2/2.85;border-radius:16px;background:#fff;color:#1c2740;display:grid;place-items:center;font-size:clamp(2rem,7vw,4rem);font-weight:900;box-shadow:0 14px 24px #06182055;position:relative}.duel-card.red{color:#c6465d}.duel-card.face-down{background:repeating-linear-gradient(45deg,#285b68 0 8px,#214e5b 8px 16px);color:#a6d1d6;border:6px solid #d3edf0}.duel-card.reveal{animation:flip .45s ease both}@keyframes flip{0%{transform:rotateY(90deg) scale(.9)}100%{transform:rotateY(0) scale(1)}}.card-corner{position:absolute;top:9px;left:12px;font-size:1.2rem;line-height:1}.card-corner.bottom{top:auto;left:auto;right:12px;bottom:9px;transform:rotate(180deg)}.duel-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.duel-btn{border:1px solid #5a9aaa;background:#174b5d;color:#fff;border-radius:12px;padding:13px 19px;font-weight:800;cursor:pointer}.duel-btn.primary{background:#fff;color:#173846;border-color:#fff}.duel-btn:disabled{opacity:.4;cursor:not-allowed}.duel-note{font-size:.8rem;color:#b5d0d4;margin:16px 0 0}.bottom-note{text-align:center;color:#7c8b92}.progress-panel{max-width:1080px;margin:20px auto 0;background:#fff;border:1px solid #dce9ec;border-radius:20px;padding:22px}.progress-panel h2{margin:6px 0;font-size:1.2rem}.progress-panel p{color:var(--muted);margin:0}.unlock-track{height:8px;background:#e5eff1;border-radius:99px;margin:18px 0 10px;overflow:hidden}.unlock-track span{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--blue),#75c6d3);border-radius:99px;transition:width .4s}.unlock-list{display:flex;gap:14px;flex-wrap:wrap;font-size:.78rem;color:#8d9ba0}.unlock.active{color:var(--blue);font-weight:800}.duel-app dialog{border:0;border-radius:22px;padding:30px;max-width:440px;color:var(--ink);box-shadow:0 20px 60px #102b3850}.dialog-close{float:right;border:0;background:#edf5f6;border-radius:50%;font-size:1.4rem;width:32px;height:32px;cursor:pointer}.help-steps{display:flex;gap:10px;margin:20px 0}.help-steps span{background:#edf5f6;border-radius:10px;padding:10px;font-size:.8rem}.help-steps b{display:block;color:var(--blue);font-size:1.1rem}.duel-app footer{text-align:center;margin-top:20px}.duel-app footer a{color:var(--blue);font-weight:700}@media(max-width:620px){.duel-stats{grid-template-columns:repeat(2,1fr)}.duel-app{padding-top:22px}.duel-table{padding-top:24px}.duel-board{gap:8px}.duel-card{border-radius:12px}.duel-card.face-down{border-width:4px}}