*{box-sizing:border-box}body,html{padding:0;margin:0}body{color:#eef2fb;font:15px/1.6 system-ui,-apple-system,sans-serif;background:radial-gradient(120% 90% at 50% 0,#2b7fd6 0,#1656a8 42%,#0a2a5a 100%) fixed;min-height:100vh}a{color:inherit;text-decoration:none}code{background:#ffffff1f;padding:1px 6px;border-radius:6px;font-size:.88em}.topbar{display:flex;align-items:center;gap:18px;padding:14px 24px;border-bottom:1px solid #ffffff1f;background:#0a235180;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800}.brand span{color:#ffd75e}.nav{display:flex;gap:16px;margin-left:10px}.nav a{color:#cdd9ef;font-weight:500;padding:6px 4px}.nav a:hover{color:#fff}.wallet{margin-left:auto;display:flex;align-items:center;gap:12px}.balance{font-weight:700;font-size:14px;color:#ffd75e;background:#ffd75e1f;border:1px solid #ffd75e44;padding:7px 12px;border-radius:10px}.container{max-width:1040px;margin:0 auto;padding:28px 24px 60px}h1{font-size:30px;font-weight:800;margin:6px 0}.lead{color:#b9c6e4;max-width:680px;margin:0 0 24px}.notice{background:#ffb02018;border:1px solid #ffb02055;color:#ffe0a3;padding:12px 16px;border-radius:12px;margin:0 0 22px;font-size:14px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.card.r-legendary{border-color:#ffd75e66}.card.r-epic{border-color:#c07bff66}.art{border-radius:12px;overflow:hidden;aspect-ratio:1;background:#00000022}.art svg{display:block;width:100%;height:100%}.meta{display:flex;flex-direction:column;gap:8px}.name{font-weight:600}.sub{display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-size:13px;color:#ffd75e;font-weight:600}.badge{font-size:11px;text-transform:capitalize;padding:2px 9px;border-radius:999px}.badge.rare{background:#1e4f8a;color:#bcdcff}.badge.epic{background:#4a2d7a;color:#e3cdff}.badge.legendary{background:#6b5212;color:#ffe49b}.btn{font:inherit;cursor:pointer;padding:9px 12px;border-radius:10px;font-weight:600;border:1px solid #ffffff33;background:#ffffff1f;color:#eef2fb;transition:background .15s}.btn:hover:not(:disabled){background:#ffffff33}.btn.primary{background:#ffb020;border-color:#ffb020;color:#3a2600}.btn.primary:hover:not(:disabled){background:#ffc043}.btn.owned{background:#1f7a4a;border-color:#1f7a4a;color:#d6ffe6}.btn:disabled{opacity:.55;cursor:not-allowed}.status{font-size:12px;color:#b9c6e4;min-height:14px}.home{padding-top:18px}.hero{font-size:40px;line-height:1.15;max-width:720px}.hero span{color:#ffd75e}.home-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:28px}.home-card{background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;padding:22px;transition:background .15s,transform .05s}.home-card:hover{background:#ffffff1f}.home-card h2{margin:0 0 6px;font-size:22px}.home-card p{margin:0;color:#b9c6e4}.play-wrap{display:flex;flex-direction:column;gap:12px}.game-frame{width:100%;height:78vh;border:1px solid #ffffff24;border-radius:16px;background:#0a2a5a}.hint{font-size:13px;color:#93a6cc}@media (max-width:620px){.home-cards{grid-template-columns:1fr}.nav{display:none}}.lobbyform label{display:block;font-size:13px;color:#aebdda;margin:0 0 4px}.lobbyform input,.lobbyform select{width:100%;font:inherit;color:inherit;background:#0c2f5f80;border:1px solid #ffffff33;border-radius:10px;padding:10px 12px}.frow{display:flex;gap:10px;align-items:center}.frow>input,.frow>select{flex:1 1;min-width:0}.hr{text-align:center;color:#93a6cc;font-size:12px;margin:14px 0}.play-layout{display:grid;grid-gap:16px;gap:16px}.pboard{background:#f4f7ff;border-radius:18px;padding:10px;box-shadow:0 14px 40px #00163a55;max-width:560px;margin:0 auto;position:relative;width:100%}.pbanner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0b1830e6;color:#fff;padding:8px 18px;border-radius:10px;font-weight:600}.pside{display:flex;flex-direction:column;gap:12px}.ppls{flex-wrap:wrap}.ppl,.ppls{display:flex;gap:8px}.ppl{flex:1 1 130px;align-items:center;padding:8px 10px;background:#ffffff14;border:1.5px solid transparent;border-radius:12px;min-width:0}.ppl.turn{border-color:#ffd75e;background:#ffd75e22}.pav{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0b1830;flex:0 0 auto}.pav,.pnm{font-size:13px}.pnm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phud{display:flex;flex-direction:column;gap:8px}.ptimer{height:6px;background:#ffffff22;border-radius:3px;overflow:hidden}.ptfill{height:100%}.pctrl{gap:14px}.pctrl,.pdie{display:flex;align-items:center;justify-content:center}.pdie{width:52px;height:52px;border-radius:13px;background:#fff;color:#11151c;font-size:26px;font-weight:800;flex:0 0 auto;box-shadow:0 6px 14px #0006}.proll{font-size:16px;padding:13px 26px}.pequip h4{margin:0 0 8px;font-size:14px}.pslot{display:flex;align-items:center;gap:10px;margin-bottom:8px}.plabel{font-size:12px;color:#aebdda;text-transform:capitalize;width:46px;flex:0 0 auto}.psw-row{display:flex;gap:7px;flex-wrap:wrap}.psw{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff33;cursor:pointer;padding:0}.psw.on{border-color:#ffd75e;box-shadow:0 0 0 2px #ffd75e55}.plog{background:#00163a55;border:1px solid #ffffff1f;border-radius:12px;padding:10px;height:120px;overflow:auto;font-size:12.5px;color:#b9c6e4}.plog div{padding:1px 0}@media (min-width:900px){.play-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}@media (max-width:899px){.play-layout{grid-template-columns:1fr}.pside{padding-bottom:96px}.phud{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#0a2a5af2;border-top:1px solid #ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.ptimer{border-radius:0}}