:root{--bg: #12121a;--panel: #1c1c28;--panel-2: #242434;--text: #e8e6f0;--muted: #8f8ca6;--mana: #5ab4ff;--accent: #d4a24c;--accent-2: #7c5cff;--danger: #d9534f;--ok: #4fc978;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(1200px 800px at 30% 20%,#1d1b2e 0%,var(--bg) 60%);color:var(--text);overflow:hidden}.hidden{display:none!important}.screen{height:100vh;width:100vw}#auth{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:32px 0}#auth .hx-bg{position:fixed}.ax-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,48px);width:min(1240px,100% - 2 * clamp(14px,4vw,48px))}.ax-pitch{position:relative;z-index:2;max-width:470px}#auth .panel{margin-top:26px;padding:24px 26px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#24203ac7,#12101ee6);backdrop-filter:blur(10px);box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff12}#auth label{color:#b9b3d3}#auth input{border-radius:12px;border-color:#ffffff1f;background:#0806108c;transition:border-color .15s ease,box-shadow .15s ease}#auth input:focus{border-color:#e8c27ad9;box-shadow:0 0 0 3px #e8c27a2e}#auth .provider{padding:11px 14px;border-radius:12px}#auth-submit{position:relative;overflow:hidden;margin-top:4px;padding:13px 16px;border-radius:12px;border-color:#ffe4a5f2;background:linear-gradient(180deg,#f8d892,#dca84b 55%,#b27b2d);color:#241604;font-size:16px;font-weight:800;box-shadow:0 12px 30px #d4a24c52,0 0 0 1px #5a3a0e99,inset 0 1px #fff9}#auth-submit:hover:not(:disabled){filter:none;border-color:#fff0c8;box-shadow:0 16px 38px #e8b25c80,0 0 0 1px #5a3a0e99,inset 0 1px #ffffffb3}#auth .conn:empty{display:none}label{display:block;font-size:13px;color:var(--muted);margin-bottom:14px}input{display:block;width:100%;margin-top:6px;padding:10px 12px;font-size:16px;background:var(--panel-2);border:1px solid #3a3a52;border-radius:8px;color:var(--text);outline:none}input:focus{border-color:var(--accent)}#code{text-transform:uppercase;letter-spacing:4px;font-weight:700;margin-top:0}button{padding:10px 16px;font-size:15px;font-weight:600;border-radius:8px;border:1px solid #3a3a52;background:var(--panel-2);color:var(--text);cursor:pointer}button:hover{filter:brightness(1.15)}button.primary{width:100%;background:var(--accent);color:#1a1408;border-color:var(--accent)}button:disabled,button:disabled:hover{filter:none;cursor:default;opacity:.42}button.primary:disabled{background:#4a4a58;color:#9a9aa8;border-color:#3d3d4c}button.secondary{width:100%;margin-top:8px}button.danger{border-color:var(--danger);color:var(--danger)}.or{text-align:center;color:var(--muted);font-size:12px;margin:16px 0 10px}.row{display:flex;gap:8px}.error{color:var(--danger);font-size:13px;min-height:18px;margin:12px 0 0}.conn{color:var(--muted);font-size:12px;text-align:right;margin:8px 0 0}.providers{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.provider{display:block;text-align:center;padding:10px 14px;border-radius:8px;font-weight:600;text-decoration:none;color:#fff}.provider.google{background:#fff;color:#1f1f1f}.provider.facebook{background:#1877f2}.provider:hover{filter:brightness(1.08)}.switch{font-size:13px;color:var(--muted);margin:14px 0 0;text-align:center}.switch a{color:var(--accent)}.deck-pick{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:var(--muted)}.deck-pick select{padding:9px 10px;border-radius:8px;background:var(--panel-2);border:1px solid #3a3a52;color:var(--text);font-size:14px}.xp{display:flex;align-items:center;gap:8px}.level{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;background:linear-gradient(135deg,#9a82ff,#5b3fd6);color:#fff;box-shadow:0 0 10px #7c5cff80}.xp-bar{width:120px;height:7px;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0d;overflow:hidden}#xp-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),#e8c27a);box-shadow:0 0 8px #e8c27a99;transition:width .4s ease}.xp-text{font-size:11px;color:var(--muted);white-space:nowrap}.push-banner{position:relative;z-index:3;display:flex;align-items:center;gap:12px;width:var(--page);margin:12px auto 0;padding:10px 14px;border-radius:14px;background:linear-gradient(90deg,#7c5cff4d,#d4a24c33);border:1px solid rgba(164,139,255,.5);box-shadow:0 10px 30px #00000059;font-size:14px}.push-banner span{flex:1}.push-banner .primary{width:auto;padding:8px 14px}.push-banner .x{border-color:transparent;color:var(--muted)}.home-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;width:var(--page);margin:40px auto 0}.friends-panel{position:sticky;top:16px;padding:18px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff0d;backdrop-filter:blur(10px)}.friend-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 14px;border-radius:12px;border:1px dashed rgba(232,194,122,.45);background:#e8c27a0f;font-size:12px;color:var(--muted)}.friend-code b{color:#f1cd84;letter-spacing:.3em;font-size:16px}#friend-search{margin:0;flex:1;border-radius:10px;background:#ffffff0d;border-color:#ffffff1f}#friend-search-form button{border-radius:10px}.friend-results{margin-top:8px}.friend-results:empty{display:none}.friend-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid #262636;font-size:14px}.friend-row:last-child{border-bottom:none}.friend-row .fdot{width:9px;height:9px;border-radius:50%;background:#555;flex:none}.friend-row .fdot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.friend-row .fname{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row .flvl{font-size:11px;color:var(--muted)}.friend-row button{padding:5px 10px;font-size:12px}.friend-row button.x{border-color:transparent;color:var(--muted)}.friend-row button.go{background:var(--accent);color:#1a1408;border-color:var(--accent)}.sub-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:14px 0 4px}.friend-list:empty:after{content:"No friends yet.";display:block;color:var(--muted);font-size:13px;padding:10px 0}.challenges{display:flex;flex-direction:column;gap:8px}.challenge{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,#7c5cff38,#1c192ce6 60%);border:1px solid rgba(164,139,255,.75);box-shadow:0 0 0 3px #7c5cff29,0 0 26px #7c5cff40}.challenge.outgoing{background:var(--glass);border-color:var(--glass-edge);box-shadow:none}.challenge .ctext{flex:1}.challenge .ctext b{color:var(--accent)}.challenge .cwhen{font-size:11px;color:var(--muted)}.binder-header{display:flex;align-items:center;gap:18px;margin-bottom:12px}.binder-header h1{margin:0;font-size:28px}.muted{color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0}.bcard{position:relative;border-radius:10px;border:2px solid #4a4a5c;background:#1f2740;padding:8px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:transform .12s ease,border-color .12s ease;user-select:none}.bcard.summon{background:#3a1f2a}.bcard:hover{transform:translateY(-2px);border-color:var(--accent)}.bcard.disabled{opacity:.4;cursor:default}.bcard.disabled:hover{transform:none;border-color:#4a4a5c}.bcard .bname{font-weight:700;font-size:12.5px;display:flex;justify-content:space-between;gap:6px}.bcard .bart{position:relative;height:84px;border-radius:6px;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:40px;overflow:hidden}.bcard .bcost,.mana-gem{display:inline-block;min-width:26px;padding:1px 6px;border-radius:8px;background:#0b1020;border:1.5px solid var(--mana);color:var(--mana);font-size:11px;font-weight:900;text-align:center;line-height:1.3}.bcard .bcost{position:absolute;top:4px;left:4px}.zoom-cost{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.zoom-cost .mana-gem{font-size:13px}.zoom-cost .ok{color:var(--mana)}.zoom-cost .short{color:#e58a8a}.bcard .bart img{height:100%;image-rendering:pixelated;transform:scale(var(--card-art-zoom, 1));transform-origin:center 40%}.bcard .btype{font-size:10px;color:#ffd9a0;text-transform:uppercase;letter-spacing:1px}.bcard .btext{font-size:10.5px;color:#d8d8e6;line-height:1.3;min-height:40px}.bcard .count{position:absolute;top:-8px;right:-8px;background:var(--accent);color:#1a1408;font-weight:800;font-size:12px;border-radius:999px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid var(--panel)}.bcard .newtag{position:absolute;top:-8px;left:-8px;background:#ff5fa2;color:#fff;font-weight:800;font-size:10px;letter-spacing:1px;padding:3px 7px;border-radius:999px;border:2px solid var(--panel);animation:newpulse 1.4s ease-in-out infinite}@keyframes newpulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:20}.modal-card{background:linear-gradient(160deg,#2b2b3d,#1a1a26);border:2px solid var(--accent);border-radius:18px;padding:24px 28px;width:520px;text-align:center;box-shadow:0 30px 80px #000000b3,0 0 0 6px #d4a24c26;animation:chat-in .25s ease-out}.modal-card h2{margin:0 0 6px;font-family:var(--card-font);font-size:28px;color:#f6ead0}.modal-card p{color:var(--muted);margin:0 0 16px}.reward-cards{display:flex;justify-content:center;gap:14px;margin-bottom:18px}.bot-card{width:420px;max-width:calc(100vw - 32px);box-sizing:border-box}.bot-sides{display:flex;margin:14px 0 16px;border:1px solid #3a3a52;border-radius:10px;overflow:hidden}.bot-sides button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:0;background:transparent;color:var(--muted)}.bot-sides button:before{content:"";width:12px;height:12px;border-radius:50%}.bot-sides [data-side=white]:before{background:radial-gradient(circle at 35% 30%,#fff,#d9ccb0);box-shadow:0 0 0 2px #c99d50}.bot-sides [data-side=black]:before{background:radial-gradient(circle at 35% 30%,#6c618f,#120f1a);box-shadow:0 0 0 2px #a796de}.bot-sides [data-side=random]:before{background:linear-gradient(90deg,#efe6cf 50%,#2a2340 50%);box-shadow:0 0 0 2px #8f84b8}.bot-sides button+button{border-left:1px solid #3a3a52}.bot-sides button[aria-pressed=true]{background:#d4a24c2e;color:var(--text)}.bot-levels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bot-levels button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 13px;font-size:17px;font-weight:800;border-radius:14px;border-color:#ffffff21;background:linear-gradient(180deg,#322c50d9,#181526eb);box-shadow:0 8px 22px #00000059,inset 0 1px #ffffff14;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.bot-levels button:hover{filter:none;transform:translateY(-2px);border-color:#e8c27ad9;box-shadow:0 12px 28px #00000073,0 0 22px #e8c27a40,inset 0 1px #ffffff1a}.bot-glyph{font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:30px;font-weight:400;line-height:1;color:#f3dca6;text-shadow:0 0 14px rgba(232,194,122,.5)}.bot-cancel{margin-top:14px;background:transparent;border-color:transparent;color:var(--muted)}.reward-cards .bcard{width:170px;cursor:default;animation:reveal .6s cubic-bezier(.2,.8,.2,1)}@keyframes reveal{0%{transform:rotateY(90deg) scale(.8);opacity:0}to{transform:none;opacity:1}}.modal-card .primary{width:auto;padding:10px 28px}#editor{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:16px 32px 24px;box-sizing:border-box}#editor>.binder-header{position:sticky;top:-16px;z-index:2;background:var(--bg);margin:-16px -32px 0;padding:16px 32px 10px}.editor-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.editor-msg{margin:0;min-height:1.2em}.editor-msg.error{color:#ff8a8a}.editor-msg.ok{color:#9ef0bd}.editor-body{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:12px 0 40px;align-items:start}.editor-list{position:sticky;top:60px;max-height:calc(100vh - 140px);overflow-y:auto;display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid #2f2f44;border-radius:12px;padding:10px}.editor-list input{margin-bottom:6px}.editor-section{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:10px 4px 4px}.editor-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;text-align:left;padding:7px 10px;border-radius:8px;border:1px solid transparent;background:transparent;font-weight:500}.editor-item:hover{background:#ffffff0a}.editor-item.active{border-color:var(--accent);background:#f0c75e14}.editor-item .s{font-size:11px;color:var(--muted)}.editor-item .mod{color:var(--mana);font-size:10px}.editor-form{display:flex;flex-direction:column;gap:14px;min-width:0}.ehead{display:flex;align-items:center;gap:14px}.ehead .eart{width:72px;height:72px;border-radius:12px;background:#00000059;display:flex;align-items:center;justify-content:center;font-size:40px;overflow:hidden}.ehead .eart img{height:100%;image-rendering:pixelated;cursor:zoom-in}.ehead h2{margin:0}.ehead>button{margin-left:auto}.egroup{border:1px solid #2f2f44;border-radius:12px;padding:10px 14px 14px;background:var(--panel);display:flex;flex-wrap:wrap;gap:10px 22px}.egroup legend{padding:0 6px;color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.5px}.egroup>.hint,.egroup>textarea,.egroup>button,.egroup>.emove,.egroup>.eeffect{flex-basis:100%}.efield{display:flex;flex-direction:column;gap:4px;min-width:150px}.efield .el{font-size:12px;color:#d8d4ea;display:flex;flex-direction:column}.efield .el small,.emove .el small,.eflags small{color:var(--muted);font-weight:400}.efield .ebox{display:flex;align-items:center;gap:6px}.efield input[type=number]{width:84px}.efield.changed input{border-color:var(--mana);color:var(--mana);font-weight:700}.edef{color:var(--muted);white-space:nowrap}.ereset{padding:2px 8px;font-size:14px;line-height:1.2}.ereset-mv{align-self:flex-start}.eeffect{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:flex-end;padding:8px 0;border-top:1px dashed #2f2f44}.eeffect .ek{flex-basis:100%;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.emove{display:grid;grid-template-columns:auto 1fr;gap:14px 24px;align-items:start}.emove .epreview{grid-row:span 3;width:190px}.emove .epreview .minimap{width:190px}.emove .el{font-size:12px;color:#d8d4ea;display:flex;flex-direction:column;margin-bottom:6px}.egrid{display:grid;grid-template-columns:repeat(7,30px);gap:2px;width:max-content}.ecell{width:30px;height:30px;padding:0;border-radius:4px;border:1px solid transparent;font-size:16px;line-height:1}.ecell.l{background:#d6c9a8}.ecell.d{background:#7a5f45}.ecell.on{background:var(--mana);box-shadow:inset 0 0 0 2px #0b1020}.ecell.c{background:#2a2233;color:#fff;cursor:default}.eslide{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ecompass{display:grid;grid-template-columns:repeat(3,26px);grid-template-areas:"a b c" "d . e" "f g h";gap:2px}.ecompass .edir:nth-child(1){grid-area:a}.ecompass .edir:nth-child(2){grid-area:b}.ecompass .edir:nth-child(3){grid-area:c}.ecompass .edir:nth-child(4){grid-area:d}.ecompass .edir:nth-child(5){grid-area:e}.ecompass .edir:nth-child(6){grid-area:f}.ecompass .edir:nth-child(7){grid-area:g}.ecompass .edir:nth-child(8){grid-area:h}.edir{width:26px;height:26px;padding:0;font-size:13px;line-height:1;border-radius:4px}.edir.on{background:var(--mana);color:#06101f;border-color:var(--mana)}.eslide input[type=number]{width:64px}.eflags{display:flex;flex-direction:column;gap:6px;font-size:13px}.editor-add .n{color:var(--accent)}.eimage{display:flex;gap:14px;align-items:flex-start;flex-basis:100%}.epreview-img{width:96px;height:96px;border-radius:10px;background-color:#2a2a38;background-image:linear-gradient(45deg,#3c3c4c 25%,transparent 25%),linear-gradient(-45deg,#3c3c4c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3c3c4c 75%),linear-gradient(-45deg,transparent 75%,#3c3c4c 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.epreview-img img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.art-lightbox{position:fixed;inset:0;z-index:40;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px}.art-lightbox-frame{position:relative;line-height:0}.art-lightbox-frame img{display:block;max-width:90vw;max-height:85vh;border-radius:12px;background:#1a1a24;box-shadow:0 24px 80px #000000a6}.art-lightbox-x{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border:0;border-radius:50%;background:#1c1c28;color:#f4f0e8;font-size:22px;font-weight:700;line-height:32px;padding:0;cursor:pointer;box-shadow:0 2px 10px #00000073}.art-lightbox-x:hover{background:#2c2c3c}.eimage-col{display:flex;flex-direction:column;gap:6px}.eimage-col .el{font-size:12px;color:#d8d4ea;display:flex;flex-direction:column}.eimage-col .el small{color:var(--muted)}.eimage-row{display:flex;gap:8px;flex-wrap:wrap}.ezoom{display:flex;gap:14px;align-items:center;flex-basis:100%}.ezoom.changed .el{color:var(--mana)}.ezoom-frame{width:200px;height:200px;display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;overflow:visible}.ezoom-preview{width:96px;height:96px;border-radius:10px;overflow:visible;flex-shrink:0;background-color:#7a5f45;background-image:linear-gradient(45deg,#d6c9a8 25%,transparent 25%),linear-gradient(-45deg,#d6c9a8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d6c9a8 75%),linear-gradient(-45deg,transparent 75%,#d6c9a8 75%);background-size:48px 48px;background-position:0 0,0 24px,24px -24px,-24px 0;display:flex;align-items:center;justify-content:center}.ezoom-preview img{width:100%;height:100%;object-fit:contain;transform:scale(var(--art-zoom, 1));transform-origin:center bottom}.ezoom-frame.card{width:148px;height:120px;align-items:center}.ezoom-preview.card{width:128px;height:72px;overflow:hidden;background-color:#2a2030;background-image:none}.ezoom-preview.card img{transform-origin:center center}.ezoom-col{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.ezoom-col .el{font-size:12px;color:#d8d4ea;display:flex;flex-direction:column}.ezoom-col .el small{color:var(--muted);font-weight:400}.ezoom-row{display:flex;align-items:center;gap:10px}.ezoom-row span{font-size:11px;color:var(--muted);flex-shrink:0}.ezoom-row input[type=range]{flex:1;min-width:120px}.ezoom-col strong{font-size:12px;font-weight:700}.eknock,.eflag{font-size:12px;color:var(--muted)}.efield input:not([type=number]),.efield select{min-width:180px}.pstats{display:flex;flex-wrap:wrap;gap:10px}.pstat{background:var(--panel);border:1px solid #2f2f44;border-radius:12px;padding:10px 16px;min-width:110px;display:flex;flex-direction:column}.pstat b{font-size:22px;color:var(--accent)}.pstat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.ptable-wrap{overflow-x:auto;background:var(--panel);border:1px solid #2f2f44;border-radius:12px}.ptable{width:100%;border-collapse:collapse;font-size:13px}.ptable th,.ptable td{text-align:left;padding:8px 12px;border-bottom:1px solid #262636;white-space:nowrap}.ptable th{cursor:pointer;user-select:none;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.ptable th.desc:after{content:" ▾"}.ptable th.asc:after{content:" ▴"}.ptable tr:last-child td{border-bottom:none}.ptable .tag{font-size:10px;padding:1px 6px;border-radius:6px;background:#d4a24c26;color:var(--accent);vertical-align:middle}.ptable .ok{color:#9ef0bd}.devlist{display:flex;flex-direction:column;gap:6px;flex-basis:100%}.devrow{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#00000040}.devrow>button{margin-left:auto}.editor-form textarea{width:100%;resize:vertical;font:inherit;font-size:13px;padding:8px 10px;border-radius:8px;border:1px solid #2f2f44;background:#0e0e15;color:var(--text)}@media(max-width:899px){.editor-body{grid-template-columns:1fr}.editor-list{position:static;max-height:40vh}.emove{grid-template-columns:1fr}.emove .epreview{grid-row:auto}}.discard-card{width:460px}.discard-pos{margin-top:-4px}.discard-stage{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px;touch-action:pan-y}.discard-stage .nav{font-size:28px;line-height:1;padding:10px 14px;border-radius:50%}.discard-stage .nav:disabled{opacity:.25}.discard-view{width:220px;min-height:300px;display:flex;align-items:center;justify-content:center;user-select:none}.discard-view .bcard{width:210px;cursor:grab;animation:reveal .25s ease-out}.discard-view .bcard .bart{height:120px;font-size:56px}.discard-view .bcard .btext{font-size:12px}.discard-view .empty{color:var(--muted)}#home{--gutter: clamp(14px, 4vw, 48px);--page: min(1240px, 100% - 2 * var(--gutter));--glass: linear-gradient(180deg, rgba(36, 32, 58, .8), rgba(20, 18, 32, .88));--glass-edge: rgba(255, 255, 255, .09);--gold: #e8c27a;overflow-x:hidden;overflow-y:auto;padding:0 0 72px;background:radial-gradient(900px 600px at 10% 105%,rgba(124,92,255,.12),transparent 70%),radial-gradient(900px 600px at 95% 75%,rgba(212,162,76,.08),transparent 70%)}.hx-hero{position:relative;isolation:isolate;overflow:hidden;padding:16px 0 48px}.hx-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hx-hero .hx-bg{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 150px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 150px),transparent)}.hx-sky{position:absolute;inset:0;background:radial-gradient(55% 70% at 10% 6%,rgba(236,180,92,.32),transparent 62%),radial-gradient(55% 70% at 92% 2%,rgba(132,98,255,.4),transparent 62%),radial-gradient(42% 26% at 50% 50%,rgba(255,214,150,.12),transparent 70%),linear-gradient(180deg,#0e0b1a,#171129,#0d0b15)}.hx-floor{position:absolute;left:0;right:0;bottom:0;height:50%;perspective:320px;perspective-origin:50% 0%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 28%,#000 70%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 28%,#000 70%)}.hx-plane{position:absolute;left:-60%;right:-60%;bottom:0;height:320%;transform-origin:50% 100%;transform:rotateX(74deg)}.hx-tiles{position:absolute;inset:-192px 0 0;background:linear-gradient(rgba(232,194,122,.26) 1px,transparent 1px) 0 0 / 96px 96px,linear-gradient(90deg,rgba(164,139,255,.22) 1px,transparent 1px) 0 0 / 96px 96px,repeating-conic-gradient(rgba(255,255,255,.05) 0 25%,transparent 0 50%) 0 0 / 192px 192px;will-change:transform;animation:hx-glide 7s linear infinite}@keyframes hx-glide{to{transform:translateY(192px)}}.hx-horizon{position:absolute;left:0;right:0;top:50%;height:180px;translate:0 -50%;background:radial-gradient(42% 50% at 66% 50%,rgba(255,214,160,.2),transparent 72%)}.hx-horizon:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent 35%,rgba(255,222,160,.6) 60%,rgba(190,170,255,.6) 82%,transparent)}.hx-embers{position:absolute;inset:0}.hx-ember{position:absolute;bottom:-12px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:#ffd98a;box-shadow:0 0 6px 2px #ffbe5ab3;opacity:0;animation:hx-rise 9s linear infinite}.hx-ember.dusk{background:#cfc0ff;box-shadow:0 0 6px 2px #9678ffbf}@keyframes hx-rise{0%{transform:translate(0);opacity:0}12%{opacity:.9}70%{opacity:.55}to{transform:translate(var(--drift),-560px);opacity:0}}.hx-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:var(--page);margin:0 auto}.hx-me,.hx-navbtn{background:#0a081280;backdrop-filter:blur(8px)}.hx-me{display:flex;align-items:center;gap:12px;min-width:0;padding:5px 16px 5px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.hx-me .avatar,.hx-crest{flex:none;width:40px;height:40px;border-radius:50%}.hx-me .avatar{box-shadow:0 0 0 2px var(--gold)}.hx-crest{display:flex;align-items:center;justify-content:center;font-size:21px;color:#2a1c05;background:radial-gradient(circle at 35% 30%,#fff1c9,#e8c27a 45%,#a8742c);box-shadow:0 0 0 2px #ffffff24,0 0 14px #e8c27a73}.avatar:not(.hidden)+.hx-crest{display:none}.hx-me-text{display:flex;flex-direction:column;gap:4px;min-width:0}.hx-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--card-font);font-size:16px;font-weight:700;color:#f6ead0}.hx-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.hx-navbtn{padding:9px 16px;font-size:14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--text);transition:border-color .15s ease,background .15s ease}.hx-navbtn:hover{filter:none;border-color:#e8c27a99;background:#e8c27a1f}#open-binder{border-color:#a48bff99}.hx-navbtn.quiet{color:var(--muted)}.hx-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,48px);width:var(--page);margin:0 auto;padding-top:clamp(20px,5vh,56px)}.hx-pitch{position:relative;z-index:2;max-width:580px}.hx-title{margin:0;font-family:var(--card-font);font-size:clamp(64px,8.6vw,124px);font-weight:700;line-height:.95;letter-spacing:-.01em;color:#f4f0ff;background:linear-gradient(180deg,#fff,#ece6ff 48%,#9f95c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 26px rgba(0,0,0,.6))}.hx-title span{display:inline-block;padding-right:.06em;background:linear-gradient(115deg,#b07a2c,#f3cf7f 30%,#fff6dc,#f3cf7f 54%,#c48c3a 80%,#8a5a1e) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(236,180,92,.6));animation:hx-gleam 6s ease-in-out infinite}@keyframes hx-gleam{0%,to{background-position:100% 0}50%{background-position:0% 0}}.hx-yourmove{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:9px 18px 9px 14px;border-radius:999px;border:1px solid rgba(232,194,122,.75);background:linear-gradient(90deg,#e8c27a3d,#e8c27a0f);color:#ffe3a6;font-size:14px;font-weight:700;box-shadow:0 0 22px #e8b25c40}.hx-yourmove:hover{filter:none;background:linear-gradient(90deg,#e8c27a57,#e8c27a1a)}.hx-yourmove:before{content:"";width:9px;height:9px;border-radius:50%;background:#ffd27a;animation:hx-ping 1.6s ease-out infinite}.hx-yourmove:after{content:"→"}@keyframes hx-ping{0%{box-shadow:0 0 #ffd27abf}to{box-shadow:0 0 0 10px #ffd27a00}}.hx-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.hx-mode{display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,#322c50cc,#181526e6);box-shadow:0 10px 28px #0006,inset 0 1px #ffffff14;color:var(--text);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hx-mode:hover{filter:none;transform:translateY(-3px);border-color:#a48bffbf;box-shadow:0 16px 36px #00000080,0 0 26px #7c5cff47,inset 0 1px #ffffff1a}.hx-mode-icon{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:22px;line-height:1;color:#efe9ff;background:radial-gradient(circle at 35% 30%,#beaaff73,#503ca059);box-shadow:inset 0 0 0 1px #ffffff1f}.hx-mode-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hx-mode-text b{font-size:16px;font-weight:800}.hx-play{position:relative;overflow:hidden;border-color:#ffe4a5f2;background:linear-gradient(180deg,#f8d892,#dca84b 55%,#b27b2d);color:#241604;box-shadow:0 12px 34px #d4a24c61,0 0 0 1px #5a3a0e99,inset 0 1px #fff9}.hx-play:hover{border-color:#fff0c8;box-shadow:0 16px 42px #e8b25c8c,0 0 0 1px #5a3a0e99,inset 0 1px #ffffffb3}.hx-play .hx-mode-icon{color:#2b1a04;background:#3c240429;box-shadow:inset 0 0 0 1px #3c240440}.hx-play:after,#auth-submit:after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:36%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-130%) skew(-18deg);animation:hx-sweep 5s ease-in-out infinite;pointer-events:none}@keyframes hx-sweep{0%,60%{transform:translate(-130%) skew(-18deg)}90%,to{transform:translate(330%) skew(-18deg)}}.hx-join{display:flex;align-items:center;gap:10px;max-width:470px;margin-top:14px;padding:7px;border-radius:999px;border:1px dashed rgba(232,194,122,.45);background:#0a0812bd}#join-code{flex:1;width:auto;min-width:0;margin:0;padding:8px 12px;border-radius:999px;background:#ffffff0f;border-color:#ffffff1f;font-size:15px;font-weight:800;letter-spacing:.4em;text-align:center;text-transform:uppercase}#join-code::placeholder{font-weight:600;letter-spacing:.04em;text-transform:none}#join{padding:8px 20px;border-radius:999px;border-color:#e8c27a8c;background:#e8c27a29;color:#ffe3a6}#home-error:empty{display:none}.hx-fan{position:relative;height:21em;font-size:clamp(12px,1.28vw,18px)}.hx-fan:before{content:"";position:absolute;left:50%;top:50%;width:30em;height:20em;translate:-50% -46%;background:radial-gradient(closest-side at 32% 50%,rgba(236,180,92,.34),transparent),radial-gradient(closest-side at 68% 50%,rgba(132,98,255,.38),transparent)}.hx-slot{position:absolute;left:50%;top:50%;translate:calc(-50% + var(--x)) calc(-50% + var(--y));rotate:var(--r);transform-origin:50% 100%}.hx-slot:hover{z-index:5}.hx-float{animation:hx-float 6.5s ease-in-out infinite}@keyframes hx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.6em)}}.hx-card{transform:perspective(60em) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:scale .25s ease,translate .25s ease}.hx-slot:hover .hx-card{scale:1.08;translate:0 -1.2em}.hx-card:hover .g2-frame-shine{opacity:1}.hx-card .g2-frame-name{justify-content:flex-start}.me{display:flex;align-items:center;gap:10px;color:var(--muted)}.avatar{width:32px;height:32px;border-radius:50%}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:26px 0 10px}#home .section-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--card-font);font-size:22px;font-weight:700;letter-spacing:.01em;text-transform:none;color:#f6ead0}#home .section-title:before{content:"";flex:none;width:8px;height:8px;rotate:45deg;background:var(--gold);box-shadow:0 0 10px #e8c27acc}#sec-challenges{margin-bottom:30px}.games-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.games-head .section-title{margin:0}#sec-games{scroll-margin-top:16px}#sec-games:has(#home-empty:not(.hidden)) .games:empty:after{content:none}#home-empty{position:relative;display:flex;align-items:center;min-height:124px;margin:0;padding:24px 24px 24px 136px;border-radius:18px;border:1px dashed rgba(232,194,122,.35);background:var(--glass);color:#cfc9e3;font-size:15px;line-height:1.5}#home-empty:before{content:"";position:absolute;left:18px;top:50%;width:98px;height:98px;translate:0 -50%;border-radius:14px;background:url(/art/wyrmling_white.png) center / cover;image-rendering:pixelated;box-shadow:0 8px 20px #00000080,0 0 0 2px #e8c27a66}.tabs{display:flex;gap:4px;background:#0a08128c;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:4px}.tabs button{border:none;background:transparent;color:var(--muted);padding:6px 16px;border-radius:999px;font-size:13px}.tabs button.active{background:linear-gradient(180deg,#e8c27a42,#e8c27a1a);color:#ffe7b3;box-shadow:inset 0 0 0 1px #e8c27a73}.tab-count{color:var(--muted);font-weight:400;margin-left:2px}.tabs button.active .tab-count{color:var(--accent);font-weight:700}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.games:empty:after{content:"No active games.";grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:96px;border-radius:18px;border:1px dashed rgba(232,194,122,.3);background:var(--glass);color:var(--muted);font-size:14px}.game-card.waiting{opacity:.55;filter:saturate(.7)}.game-card.waiting:hover{opacity:.85}.game-card .card-cancel{width:100%;padding:7px 10px;font-size:13px;font-weight:700;border-radius:8px;border:1px solid #3a2a2a;background:#ff6b6b14;color:#e58a8a;transition:background .15s ease,border-color .15s ease,color .15s ease}.game-card .card-cancel:hover{background:#ff6b6b2e;border-color:#ff6b6b;color:#ff9c9c}.finished-list{display:flex;flex-direction:column;gap:6px}.finished-list:empty:after{content:"No finished games yet.";color:var(--muted);font-size:13px}.finished-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px 16px;border-radius:12px;background:var(--glass, var(--panel));border:1px solid var(--glass-edge, #2f2f44);cursor:pointer;font-size:14px;transition:border-color .15s ease,transform .15s ease}.finished-row:hover{border-color:#e8c27a73;transform:translate(3px)}.finished-row .fr-opp{font-weight:600}.finished-row .fr-result{font-weight:700;font-size:12px;padding:3px 10px;border-radius:999px;background:#33334a;color:var(--muted)}.finished-row .fr-result.won{background:#3fbf6f33;color:#9ef0bd}.finished-row .fr-result.lost{background:#d9534f2e;color:#ffb3b0}.finished-row .fr-when{font-size:12px;color:var(--muted);white-space:nowrap}.game-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:var(--glass, var(--panel));border:1px solid var(--glass-edge, #2f2f44);box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff0d;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-4px);border-color:#a48bff8c;box-shadow:0 18px 40px #00000080,0 0 24px #7c5cff33}.game-card.your-turn{border-color:#e8c27ae6;box-shadow:0 0 0 1px #e8c27a59,0 14px 40px #d4a24c38}.game-card.your-turn:before{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 2px #ffd68c8c,0 0 26px #e8c27a8c;opacity:0;pointer-events:none;animation:hx-breathe 2.4s ease-in-out infinite}@keyframes hx-breathe{50%{opacity:1}}@media(prefers-reduced-motion:reduce){.hx-tiles,.hx-float,.hx-title span,.hx-play:after,#auth-submit:after,.hx-yourmove:before,.game-card.your-turn:before{animation:none}.hx-embers{display:none}}.game-card .opp{font-weight:700;font-size:15px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.game-card .opp .badge{flex:none;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:linear-gradient(180deg,#f6d48a,#d4a24c);color:#1a1408;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 12px #e8c27a73}.game-card .opp .badge.wait{background:#33334a;color:var(--muted);box-shadow:none}.game-card .opp .badge.done{background:#33334a;color:#e8e6f0;box-shadow:none}.game-card canvas{width:100%;aspect-ratio:1;border-radius:10px;display:block;box-shadow:0 8px 20px #00000073,0 0 0 1px #ffffff0f}.game-card .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.game-card .meta .low{color:var(--danger);font-weight:700}.game-card .code-line{font-size:12px;color:var(--muted)}.game-card .code-line b{color:var(--accent);letter-spacing:3px}.player .clock{margin-left:auto;font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);font-weight:600}.player .clock.running{color:var(--ok)}.player .clock.low{color:var(--danger)}#game{display:flex;align-items:stretch;justify-content:center;gap:16px;padding:12px;--inspect-w: 280px;--side-w: 320px}#board-mount{display:flex;align-items:center;justify-content:center;min-width:0}.board-error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px;max-width:420px;text-align:center;color:var(--muted)}.board-error b{color:var(--text);font-size:18px}#board-mount canvas{display:block;width:auto!important;height:auto!important;max-width:min(var(--canvas-w, 896px),calc(100vw - var(--inspect-w) - var(--side-w) - 24px - 32px));max-height:min(var(--canvas-h, 850px),calc(100vh - 24px))}@media(min-width:900px)and (max-width:1400px){#game{--inspect-w: 240px;--side-w: 270px}#inspect{width:var(--inspect-w)}#side{width:var(--side-w)}.zoom-name{font-size:17px}.minimap{max-width:200px;margin:0 auto}}#side{width:var(--side-w, 320px);display:flex;flex-direction:column;gap:12px;align-self:stretch;min-height:0;overflow-y:auto;scrollbar-width:thin}.side-block{background:var(--panel);border:1px solid #2f2f44;border-radius:12px;padding:12px 14px}.side-block.grow{flex:1;min-height:160px;display:flex;flex-direction:column}.label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.code{font-size:30px;font-weight:800;letter-spacing:6px;color:var(--accent);margin:2px 0}.hint{font-size:12px;color:var(--muted)}.players{display:flex;flex-direction:column;gap:10px}.player .who{display:flex;align-items:center;gap:8px;font-weight:600}.player .dot{width:10px;height:10px;border-radius:50%;background:#555;border:1px solid #888}.player.white .dot{background:#f2f2f2}.player.black .dot{background:#111}.player.offline .pname:after{content:" (disconnected)";color:var(--muted);font-weight:400;font-size:12px}.player .counts{font-size:12px;color:var(--muted);display:flex;gap:14px;margin-top:2px}.status{padding:10px 12px;border-radius:8px;background:var(--panel-2);font-size:14px;text-align:center;border-left:4px solid var(--muted)}.status.mine{border-left-color:var(--ok)}.status.check{border-left-color:var(--danger)}.status.over{border-left-color:var(--accent);font-weight:700}.turn-track{display:flex;gap:6px;flex-wrap:wrap}.track{font-size:11px;padding:3px 8px;border-radius:999px;background:#0000004d;color:var(--muted);border:1px solid #33334a}.track.ok{color:#9ef0bd;border-color:#4fc97866}.track.now{color:#9ef0bd;border-color:#4fc97880;background:#4fc97814}.track.used{color:#9ef0bd;border-color:#4fc9784d;opacity:.7}.track.skip{opacity:.55}.end-turn{font-size:16px;padding:12px}.end-turn:disabled{opacity:.4;cursor:default;filter:none}.end-turn.ready{box-shadow:0 0 0 3px #d4a24c59,0 8px 24px #d4a24c40;animation:endturn-pulse 2s ease-in-out infinite}@keyframes endturn-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}#log{flex:1;overflow-y:auto;font-size:12.5px;line-height:1.5;margin-top:6px;max-height:340px}#log .entry{padding:2px 0;border-bottom:1px solid #262636}#log .entry.white{color:#e8e6f0}#log .entry.black{color:#b8b4d0}#log .entry.important{color:var(--accent);font-weight:600}.actions{display:flex;gap:8px}.actions button{flex:1}#inspect{width:var(--inspect-w, 280px);align-self:stretch;display:flex;flex-direction:column;gap:10px;min-height:0}#inspect>#chat{position:static;flex:none;width:auto;height:clamp(240px,34vh,360px);margin-top:auto;z-index:auto}#inspect>.zoom{flex:1 1 auto;min-height:240px;overflow-y:auto;scrollbar-width:thin}.zoom{position:relative;border-radius:16px;padding:14px;min-height:420px;background:linear-gradient(160deg,#2b2b3d,#1a1a26);border:2px solid #4a4a5c;box-shadow:0 16px 40px #0000008c;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease,border-color .18s ease}.zoom.empty{align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center}.zoom.summon{background:linear-gradient(160deg,#4a2636,#2a1620);border-color:#8a4a5f}.zoom.basic{background:linear-gradient(160deg,#27314f,#171d33);border-color:#4a5a8a}.zoom.owner-white{box-shadow:0 16px 40px #0000008c,inset 0 0 0 1px #ffffff26}.zoom.fresh{transform:scale(1.03);border-color:var(--accent)}.zoom-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.zoom-name{font-size:20px;font-weight:800}.zoom-owner{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);white-space:nowrap}.zoom-type{font-size:12px;color:#d8c9a0}.zoom-art{height:130px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#ffffff1f,#00000059);border:1px solid rgba(255,255,255,.1)}.zoom-art .glyph{font-size:84px;line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.zoom .glyph.chess.white{color:#f7f3ea;-webkit-text-stroke:1px #2b2420}.zoom .glyph.chess.black{color:#1c1b24;-webkit-text-stroke:1px #d8d2e6}.zoom-banner{height:120px;border-radius:10px;background:radial-gradient(circle at 50% 60%,#ffffff1a,#00000059);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.zoom-banner img{height:100%;image-rendering:pixelated;transform:scale(var(--card-art-zoom, 1));transform-origin:center 40%}.minimap{display:grid;grid-template-columns:repeat(7,1fr);aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid rgba(0,0,0,.45);box-shadow:0 6px 16px #0006}.minimap .cell{display:flex;align-items:center;justify-content:center}.minimap .cell.l{background:#d6c9a8}.minimap .cell.d{background:#7a5f45}.minimap .cell.c{box-shadow:inset 0 0 0 2px var(--accent)}.minimap .glyph{font-size:24px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.minimap .dot,.map-legend .dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#111;box-shadow:0 1px 2px #00000080}.minimap .dot.atk,.map-legend .dot.atk{background:var(--danger)}.map-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:-4px}.map-legend span{display:inline-flex;align-items:center;gap:5px}.zoom-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.zoom-stats .stat{border-radius:8px;padding:6px 4px;text-align:center;font-size:11px;letter-spacing:1px;color:#fffc;background:#0000004d}.zoom-stats .stat b{display:block;font-size:20px;letter-spacing:0;margin-top:2px}.zoom-stats .atk b{color:#ff7b75}.zoom-stats .def b{color:#7fb2ff}.zoom-stats .hp b{color:#6fe09a}.zoom-stance{font-size:13px;font-weight:700;padding:6px 10px;border-radius:8px;text-align:center}.zoom-stance.attack{background:#d9534f33;color:#ffb3b0}.zoom-stance.defense{background:#4a8fe738;color:#b9d4ff}.zoom-text{font-size:12.5px;line-height:1.45;color:#e4e2ee;flex:1}.zoom-status{font-size:12px;color:#ffd9a0;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.zoom-status:empty{display:none}#stance{width:100%}#stance:disabled{opacity:.45;cursor:default}#stance.to-defense{border-color:#4a8fe7;color:#b9d4ff}#stance.to-attack{border-color:var(--danger);color:#ffb3b0}#stance-hint{text-align:center;min-height:16px}#chat{position:fixed;left:16px;bottom:16px;width:340px;height:380px;z-index:5}.chat{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#26223afa,#181624fa);border:1px solid rgba(150,130,220,.32);border-radius:14px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0d}.chat-head{display:flex;align-items:center;gap:8px;flex:none;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.chat-head-icon svg{display:block;width:18px;height:18px;color:var(--accent)}.chat-title{font-size:14px;font-weight:700;letter-spacing:.3px}.chat-with{flex:1;min-width:0;overflow:hidden;font-size:12.5px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.chat-close{display:none;place-items:center;width:32px;height:32px;padding:0;font-size:15px;background:none;border:0;border-radius:8px;color:var(--muted)}.chat-body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.chat-log{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-height:0;padding:8px 10px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.chat-empty+.chat-msg{margin-top:auto}.chat-msg{display:flex;flex-direction:column;align-items:flex-start;min-width:0;animation:chat-in .18s ease-out}.chat-msg.mine{align-items:flex-end}.chat-msg.first:not(:nth-child(2)){margin-top:8px}.chat-meta{display:flex;align-items:baseline;gap:6px;margin:0 6px 3px;font-size:11.5px;color:var(--muted)}.chat-meta b{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#ece8ff}.chat-meta b:before{content:"";width:8px;height:8px;border-radius:50%;background:#f2efe6;box-shadow:0 0 0 1px #00000080}.chat-msg.black .chat-meta b:before{background:#1b1a22;box-shadow:0 0 0 1px #ffffff73}.chat-msg.mine .chat-meta b{color:var(--accent)}.chat-meta time{font-size:10.5px}.chat-bubble{max-width:88%;padding:7px 11px;font-size:13.5px;line-height:1.38;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:15px}.chat-msg.theirs .chat-bubble{color:#efedf7;background:#302d47;border:1px solid rgba(255,255,255,.06)}.chat-msg.mine .chat-bubble{color:#fff;background:linear-gradient(135deg,#7c5cff,#5f43d8);box-shadow:0 2px 10px #7c5cff40}.chat-msg.theirs.first .chat-bubble{border-top-left-radius:5px}.chat-msg.mine.first .chat-bubble{border-top-right-radius:5px}.chat-msg.jumbo .chat-bubble{padding:0 2px;font-size:34px;line-height:1.15;background:none;border:0;box-shadow:none}.chat-msg.has-gif .chat-bubble{padding:0;background:none;border:0;box-shadow:none}.chat-gif{display:block;max-width:100%;object-fit:cover;border-radius:12px;background:#ffffff0f}.chat-msg.has-gif .chat-text{display:block;padding:4px 6px 0}.chat-gif-missing{display:inline-block;padding:7px 11px;font-style:italic;color:var(--muted);border:1px dashed #4a4766;border-radius:12px}.chat-jump{position:absolute;left:50%;bottom:8px;z-index:2;padding:5px 12px;font-size:12px;color:#1a1408;background:var(--accent);border:0;border-radius:999px;box-shadow:0 6px 16px #00000073;translate:-50% 0}.chat-form{display:flex;align-items:center;gap:4px;flex:none;margin:0;padding:8px;border-top:1px solid rgba(255,255,255,.07)}.chat-tool{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;color:var(--muted);background:none;border:0;border-radius:9px}.chat-tool:hover,.chat-tool.active{color:var(--text);background:#ffffff14;filter:none}.chat-tool.active{color:var(--accent)}.chat-tool svg{width:22px;height:22px}.chat-gif-btn span{padding:1px 4px;font-size:10.5px;font-weight:800;letter-spacing:.5px;border:1.7px solid currentColor;border-radius:5px}#chat-input{flex:1;min-width:0;margin:0;padding:8px 13px;font-size:14px;background:#0a0a128c;border:1px solid #3a3a52;border-radius:999px}#chat-input:focus{background:#0a0a12d9;border-color:var(--accent)}.chat-send{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;color:#1a1408;background:var(--accent);border:1px solid var(--accent);border-radius:50%}.chat-send svg{width:18px;height:18px;translate:1px 0}.chat-send:disabled,.chat-send:disabled:hover{color:var(--muted);background:none;border-color:#3a3a52}.chat-pop{position:absolute;left:6px;right:6px;bottom:0;z-index:4;display:flex;flex-direction:column;height:max(100%,300px);background:#1b1928;border:1px solid rgba(150,130,220,.38);border-radius:12px;box-shadow:0 -12px 34px #00000080;animation:chat-pop-in .14s ease-out}@keyframes chat-pop-in{0%{opacity:0;transform:translateY(8px)}}.chat-emoji-tabs{display:flex;gap:2px;flex:none;padding:6px 6px 4px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.07);scrollbar-width:none}.chat-emoji-tab{flex:none;width:34px;height:30px;padding:0;font-size:17px;background:none;border:0;border-radius:8px;opacity:.55;filter:grayscale(.7)}.chat-emoji-tab:hover,.chat-emoji-tab.active{opacity:1;filter:none;background:#ffffff14}.chat-emoji-grid{position:relative;flex:1;min-height:0;padding:0 6px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.chat-emoji-head{padding:8px 4px 4px;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.chat-emoji-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.chat-emoji-cell{height:36px;padding:0;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:22px;line-height:1;background:none;border:0;border-radius:8px;transition:transform .1s ease}.chat-emoji-cell:hover{filter:none;background:#ffffff1a;transform:scale(1.15)}.chat-gif-search{flex:none;width:auto;margin:8px 8px 6px;padding:8px 13px;font-size:14px;border-radius:999px}.chat-gif-results{flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.chat-gif-grid{display:flex;align-items:flex-start;gap:6px}.chat-gif-col{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:0}.chat-gif-tile{display:block;width:100%;padding:0;overflow:hidden;background:#2a2839 center / cover no-repeat;border:0;border-radius:8px}.chat-gif-tile img{display:block;width:100%;height:100%;object-fit:cover}.chat-gif-tile:hover{filter:none;outline:2px solid var(--accent);outline-offset:-2px}.chat-gif-status{padding:16px 8px;font-size:12.5px;text-align:center;color:var(--muted)}.chat-gif-status.error{color:#f0a7a5}.chat-gif-credit{flex:none;padding:4px 10px 6px;font-size:10px;letter-spacing:.4px;text-align:right;color:var(--muted);border-top:1px solid rgba(255,255,255,.06)}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#2a1b1b;border:1px solid var(--danger);color:#ffd9d7;padding:10px 16px;border-radius:8px;font-size:14px;box-shadow:0 10px 30px #00000080;z-index:10}#toast.info{background:#1d2a22;border-color:var(--ok);color:#d7f5e2}.mbar,.mtabs,.sheet-backdrop{display:none}#board-mount canvas{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,.bcard,.game-card,.friend-row button{touch-action:manipulation}@media(max-width:899px){html,body{overflow:auto;height:auto;min-height:100%}html{overflow-x:hidden}.screen{height:auto;min-height:100dvh;width:100%}#auth{align-items:flex-start;padding:22px 0 40px}.ax-stage{grid-template-columns:minmax(0,1fr);gap:0}.ax-pitch{display:contents}#auth .hx-fan{order:1;height:19em;margin:-.5em 0 -1.5em}#auth .panel{position:relative;z-index:2;order:2;margin-top:0;padding:20px 18px 12px}#home{padding:0 0 40px}.hx-hero{padding:10px 0 78px}.hx-me{gap:10px;padding:4px 12px 4px 4px}.hx-me .avatar,.hx-crest{width:34px;height:34px;font-size:18px}.hx-name{font-size:15px}.xp-bar{width:64px}.xp-text{display:none}.hx-navbtn{padding:8px 12px;font-size:13px}.hx-stage{grid-template-columns:minmax(0,1fr);gap:4px;padding-top:22px}.hx-title{font-size:clamp(56px,18vw,92px)}.hx-modes{gap:10px;margin-top:20px}.hx-mode{min-height:56px;padding:10px 12px}.hx-mode-icon{width:36px;height:36px;font-size:20px}.hx-join{max-width:none}.hx-fan{height:19em;margin-top:6px;font-size:min(12px,calc((100vw - 20px) / 36));translate:.6em 0}.me{width:100%;justify-content:space-between}.home-body{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:30px}.friends-panel{position:static}.games{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}#home-empty{padding:18px 18px 18px 112px;font-size:14px}#home-empty:before{left:14px;width:82px;height:82px}.bcard .btext{font-size:10px}.modal-card{width:calc(100vw - 32px);padding:18px}#game{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 0 72px;gap:0}#board-mount{justify-content:center;background:#0e0e15}#board-mount canvas{width:min(100vw,520px)!important;height:auto!important;max-width:none!important;max-height:none!important}.mbar{display:flex;flex-direction:column;gap:6px;padding:8px 12px;position:sticky;top:0;z-index:6;background:#12121af5;border-bottom:1px solid #2a2a3c;backdrop-filter:blur(8px)}.mrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.mback{padding:4px 10px;font-size:18px;line-height:1;border-color:#3a3a52;flex:none}.mwho{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mwho b{color:var(--text)}.mwho.turn b{color:var(--accent)}.mstatus{flex:1;font-size:13px;line-height:1.3}.mstatus.check{color:#ffb3b0;font-weight:700}#m-end{width:auto;padding:9px 16px;font-size:14px;white-space:nowrap}#m-end.ready{animation:endturn-pulse 2s ease-in-out infinite;box-shadow:0 0 0 3px #d4a24c59}#inspect,#side,#chat{position:fixed;left:0;right:0;bottom:64px;width:auto;max-height:72vh;overflow-y:auto;margin:0;padding:14px 14px 18px;background:var(--panel);border-top:2px solid #3a3a52;border-radius:18px 18px 0 0;box-shadow:0 -20px 50px #0009;transform:translateY(110%);transition:transform .22s ease;z-index:8;align-self:auto}#inspect.open,#side.open,#chat.open{transform:none}#inspect:before,#side:before,#chat:before{content:"";display:block;width:44px;height:4px;border-radius:2px;background:#4a4a5c;margin:-4px auto 10px}#inspect.peek{max-height:44vh;box-shadow:0 -12px 30px #00000080}#inspect.peek .zoom-text,#inspect.peek .map-legend{font-size:12px}#inspect.peek .minimap{width:150px}#side{gap:10px;max-height:72vh}#side .side-block.grow{min-height:120px}#log{max-height:30vh}#chat{height:min(62vh,520px);max-height:none;padding:0;overflow:visible}#chat:before{display:none}#chat-input{font-size:16px}.zoom,.zoom>*,#inspect>*{flex-shrink:0}.zoom{min-height:0}.minimap{width:240px;max-width:100%;margin:0 auto}.mtabs{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:#12121afa;border-top:1px solid #2a2a3c;z-index:9;padding-bottom:env(safe-area-inset-bottom)}.mtabs button{flex:1;border:none;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;color:var(--muted)}.mtabs button small{font-size:10px;color:var(--muted);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtabs button.active{color:var(--accent)}.mtabs button.attention small{color:var(--accent);font-weight:700}.sheet-backdrop{display:block;position:fixed;inset:0;background:#00000073;z-index:7}.sheet-backdrop.hidden{display:none}}:root{--card-font: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif}#game2{--detail-w: clamp(380px, 34vw, 560px);isolation:isolate;display:flex;align-items:stretch;justify-content:center;gap:16px;padding:12px;overflow:auto;background:radial-gradient(ellipse 50% 55% at 50% 40%,rgba(120,92,220,.13),transparent 70%),radial-gradient(ellipse 70% 45% at 50% 108%,rgba(212,162,76,.1),transparent 70%),radial-gradient(ellipse 120% 95% at 50% 50%,transparent 55%,rgba(0,0,0,.5) 100%)}.g2-embers{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.g2-embers .hx-ember{animation-name:g2-mote}@keyframes g2-mote{0%{transform:translate(0);opacity:0}15%{opacity:.7}75%{opacity:.35}to{transform:translate(var(--drift),-88vh);opacity:0}}.g2-main{flex:1;min-width:0;max-width:980px;display:flex;flex-direction:column;align-items:center;gap:8px}.g2-boardwrap{--board-size: max(300px, calc(84vh - 190px) );display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.g2-piles{display:none}@media(min-width:900px){.g2-boardwrap{--pile-w: 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--board-size)) minmax(calc(var(--pile-w) + 10px),1fr);justify-items:center;column-gap:0}.g2-boardwrap>.g2-player,.g2-boardwrap>.g2-boardbox{grid-column:2}.g2-piles{grid-column:3;grid-row:1 / span 3;align-self:stretch;justify-self:start;display:flex;flex-direction:column;justify-content:space-between;width:var(--pile-w);margin-left:10px}.g2-piles .g2-pile{width:100%;flex-direction:column;gap:5px;padding:6px 6px 5px;border-radius:10px;font-size:11px;line-height:1.2;white-space:normal;text-align:center}.g2-piles .g2-pile-card{width:100%;height:auto;aspect-ratio:5 / 7;margin:0;border-width:2px;border-radius:5px;font-size:24px}}.g2-player{width:min(100%,var(--board-size));min-width:300px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 14px;padding:6px 12px;border-radius:12px;background:linear-gradient(180deg,#262238f0,#171523f0);border:1px solid #353050;box-shadow:0 6px 18px #00000059;transition:border-color .3s ease,box-shadow .3s ease}.g2-player.turn{border-color:#e8c27ad9;box-shadow:0 0 0 1px #e8c27a4d,0 0 26px #e8c27a33,0 6px 18px #00000059}.g2-who{display:flex;align-items:center;gap:8px;font-weight:600}.g2-who .dot{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%}.g2-who .dot:after{content:"♚︎";font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:13px;font-weight:400;line-height:1}.g2-player.white .dot:after{color:#6b4a14}.g2-player.black .dot:after{color:#ddd3ff}.g2-who .pname{font-family:var(--card-font);font-size:15px;font-weight:700;letter-spacing:.01em;color:#f6ead0}.g2-player.white .dot{background:radial-gradient(circle at 35% 30%,#fff,#d9ccb0);box-shadow:0 0 0 2px #c99d50}.g2-player.black .dot{background:radial-gradient(circle at 35% 30%,#6c618f,#120f1a);box-shadow:0 0 0 2px #a796de}.g2-player.turn .dot{animation:g2-turn-dot 1.6s ease-in-out infinite}@keyframes g2-turn-dot{50%{box-shadow:0 0 0 2px #e8c27a,0 0 12px 3px #e8c27ab3}}.g2-player.offline .pname:after{content:" (disconnected)";color:var(--muted);font-weight:400;font-size:12px}.g2-who .clock{margin-left:6px;font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.g2-who .clock.running{color:var(--text)}.g2-who .clock.low{color:var(--danger)}.g2-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.g2-count{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);white-space:nowrap}.g2-mana{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 7px;border-radius:999px;background:#286ec82e;border:1px solid rgba(90,180,255,.38);color:#bfe3ff;font-weight:600;white-space:nowrap}.g2-mana b{font-size:14px;color:#fff}.g2-gem{width:10px;height:10px;flex:none;rotate:45deg;border-radius:2px;background:radial-gradient(circle at 30% 25%,#f2fbff,#5ab4ff 45%,#1b4fa8);box-shadow:0 0 8px #5ab4ffcc}.g2-player.turn .g2-gem{animation:g2-gem 1.8s ease-in-out infinite}.g2-income{margin-left:1px;padding:0 5px;border-radius:999px;background:#5ab4ff29;color:#8fd0ff;font-size:11px;font-weight:700}.g2-pile.pitch-drop{border:1px dashed rgba(120,200,255,.85);background:#286ec829;color:#bfe3ff;font-weight:700;box-shadow:0 0 0 1px #5ab4ff4d,0 0 18px #5ab4ff66;animation:g2-pitch-glow 1.4s ease-in-out infinite}.g2-pile.pitch-drop.pitch-over{border-style:solid;border-color:#bfe3ff;background:linear-gradient(180deg,#244678f5,#142446f5);color:#fff;box-shadow:0 0 0 2px #96d7ff99,0 0 28px #6ec8ffcc;animation:none}@keyframes g2-pitch-glow{50%{box-shadow:0 0 0 1px #5ab4ff80,0 0 26px #5ab4ffa6}}@keyframes g2-gem{50%{box-shadow:0 0 14px 3px #78c8ff}}.g2-backs{display:inline-flex;padding-left:7px}.g2-backs .g2-back{font-size:1.3px;margin-left:-7px}.g2-pile{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 4px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:inherit;font:inherit;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease}.g2-pile:hover,.g2-pile.open{border-color:#e8c27ab3;background:#e8c27a1f;color:var(--text)}.g2-pile:disabled{opacity:1;cursor:default}.g2-pile-card{width:15px;height:21px;margin:-3px 0;flex:none;display:grid;place-items:center;border-radius:2px;border:1px solid #c4934a;background:#221c30 center / cover no-repeat;box-shadow:0 1px 3px #0009;color:#f5e3b3;font-size:10px}.g2-pile:disabled .g2-pile-card{border-style:dashed;border-color:#c4934a80;background:none;box-shadow:none}.g2-mana-pop{position:fixed;z-index:60;padding:.15em .55em;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap;color:#e9f6ff;background:#143c6eeb;border:1px solid #8fd0ff;box-shadow:0 0 .8em #5ab4ffcc;pointer-events:none;animation:g2-gain 1.3s ease-out both}.g2-boardbox{position:relative;width:min(100%,var(--board-size));container-type:inline-size}.g2-board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;aspect-ratio:1 / 1;padding:2.4cqw;border-radius:2cqw;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:linear-gradient(145deg,rgba(255,226,170,.16),transparent 30%,transparent 70%,rgba(255,226,170,.1)),linear-gradient(135deg,#4a3522,#2a1d12 45%,#3e2c1b);box-shadow:0 0 0 1px #0d0905,0 0 0 3px #a8834a,0 0 0 4px #160f08,0 28px 60px #0009,0 0 90px #785cdc24,inset 0 0 0 1px #ffdca047,inset 0 0 2.4cqw #0000008c}.g2-board:before{content:"";position:absolute;inset:calc(2.4cqw - 3px);border:1px solid rgba(232,194,122,.45);border-radius:3px;pointer-events:none}.g2-board.three{transform-style:preserve-3d}.g2-boardwrap:has(>.g2-boardbox>.g2-board.three){--board-size: max(300px, calc((84vh - 190px)*1.19) )}.g2-figures{position:absolute;z-index:1;pointer-events:none}.g2-piece.figured{visibility:hidden}.g2-board.three .g2-fx,.g2-board.three .g2-fx-spot{transform-style:preserve-3d}.g2-board.three .g2-fx-pillar,.g2-board.three .g2-fx-bolt,.g2-board.three .g2-fx-card,.g2-board.three .g2-fx-gain{transform-origin:50% 100%;transform:rotateX(calc(-1 * var(--tilt)))}.g2-board:after{content:"";position:absolute;inset:2.4cqw;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 42%,rgba(255,236,200,.08),transparent 70%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 62%,rgba(0,0,0,.24) 100%)}.g2-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;cursor:pointer}.g2-cell.light{--cell-bg: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .22), transparent 62%), linear-gradient(135deg, #eadcbb, #d3bf96);--cell-fade: linear-gradient(rgba(224, 208, 174, .74), rgba(224, 208, 174, .74));background:var(--cell-bg)}.g2-cell.dark{--cell-bg: radial-gradient(circle at 30% 25%, rgba(255, 230, 190, .12), transparent 62%), linear-gradient(135deg, #876646, #634a31);--cell-fade: linear-gradient(rgba(117, 88, 60, .74), rgba(117, 88, 60, .74));background:var(--cell-bg)}.g2-cell.shrine{--shrine-glow: rgba(100, 190, 255, .42);--shrine-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f2fbff'/%3E%3Cstop offset='.5' stop-color='%235ab4ff'/%3E%3Cstop offset='1' stop-color='%231b4fa8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='%23bfe6ff' stroke-linecap='round'%3E%3Ccircle cx='50' cy='50' r='44' stroke-width='2.6' opacity='.9'/%3E%3Ccircle cx='50' cy='50' r='38' stroke-width='1.3' stroke-dasharray='3 6' opacity='.65'/%3E%3Cpath d='M50 2v7M50 91v7M2 50h7M91 50h7' stroke-width='2.6' opacity='.85'/%3E%3C/g%3E%3Cpath d='M50 35 62 50 50 65 38 50Z' fill='url(%23g)' stroke='%23eaf8ff' stroke-width='1.4'/%3E%3C/svg%3E") center / 100% 100% no-repeat;background:var(--shrine-mark),radial-gradient(circle,var(--shrine-glow),transparent 70%),var(--cell-bg)}.g2-cell.shrine.dry{background:var(--cell-fade),var(--shrine-mark),var(--cell-bg)}.g2-well{position:absolute;top:5%;right:6%;min-width:2.1cqw;padding:0 .5cqw;border-radius:999px;border:1px solid rgba(143,208,255,.85);background:#0e264ee0;box-shadow:0 0 .8cqw #5ab4ff8c;color:#e9f6ff;font-size:max(8px,1.5cqw);font-weight:800;line-height:1.45;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}.g2-cell.shrine.held-white{--shrine-glow: rgba(255, 206, 105, .62)}.g2-cell.shrine.held-black{--shrine-glow: rgba(168, 128, 255, .62)}.g2-cell.last:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#ffc44085,#ffbe3c5c 72%)}.g2-cell.selected{box-shadow:inset 0 0 0 .35cqw #ffd45a,inset 0 0 0 100vmax #ffd04666}.g2-cell.check{animation:g2-check 1.1s ease-in-out infinite}@keyframes g2-check{0%,to{box-shadow:inset 0 0 0 3px #ff5046e6,inset 0 0 1.8cqw #ff3c3299}50%{box-shadow:inset 0 0 0 3px #ff826e,inset 0 0 3.6cqw #ff3c32f2}}.g2-cell.target:before{content:"";position:absolute;inset:0;pointer-events:none;background:#ffe68233;box-shadow:inset 0 0 0 .35cqw #ffd446f2,inset 0 0 3.2cqw .5cqw #ffe06ec7;animation:g2-target 1.8s ease-in-out infinite}@keyframes g2-target{50%{opacity:.55}}.g2-cell.target.drag-over:before{opacity:1;animation:none;background:#ffde6e4d;box-shadow:inset 0 0 0 .5cqw #ffe38c,inset 0 0 3.2cqw .6cqw #ffcc3cf2}@media(hover:hover){.g2-cell.target:hover:before{opacity:1;animation:none;background:#ffde6e4d;box-shadow:inset 0 0 0 .5cqw #ffe38c,inset 0 0 3.2cqw .6cqw #ffcc3cf2}}.g2-cell.target.lava-aim:before{background:#ff6e1e38;box-shadow:inset 0 0 0 .35cqw #ff7828f2,inset 0 0 3.2cqw .5cqw #ff5a14bf}@media(hover:hover){.g2-cell.target.lava-aim:hover:before{background:#ff782861;box-shadow:inset 0 0 0 .5cqw #ffb37a,inset 0 0 3.2cqw .6cqw #ff6414f2}}.g2-cell.movable{cursor:grab;touch-action:none}body.g2-grabbing,body.g2-grabbing *{cursor:grabbing!important}.g2-coord{position:absolute;font-family:var(--card-font);font-size:max(8px,1.5cqw);font-weight:700;opacity:.7;pointer-events:none;color:#5a4329}.g2-cell.dark .g2-coord{color:#f0e2c4}.g2-coord.rank{top:2px;left:3px}.g2-coord.file{bottom:1px;right:4px}.g2-cell.inspected{outline:3px solid #7fb8ff;outline-offset:-3px}.g2-cell.drop{box-shadow:inset 0 0 0 3px #4fdc8ce6,inset 0 0 2.4cqw #4fdc8c8c}.g2-cell.drop:after{content:"";position:absolute;z-index:2;inset:10%;border-radius:50%;border:2px dashed rgba(170,255,205,.75);pointer-events:none;animation:g2-spin 6s linear infinite}.g2-cell.drop-seal{box-shadow:inset 0 0 0 3px #b9a5fff2,inset 0 0 2.4cqw #b9a5ff99}.g2-cell.drop-seal:after{border-color:#d7c3ffd9}.g2-cell.drop.drop-hover{box-shadow:inset 0 0 0 4px #fff,inset 0 0 3.4cqw #a0ffc8f2}.g2-cell.drop.drop-hover:after{inset:3%;border:3px dashed rgba(255,255,255,.95);box-shadow:0 0 2cqw #a0ffc8e6;animation-duration:1.8s}.g2-cell.drop-seal.drop-hover{box-shadow:inset 0 0 0 4px #b9a5ff,inset 0 0 3.4cqw #9678fff2}.g2-cell.drop-seal.drop-hover:before{content:"";position:absolute;inset:0;background:#785adc59}.g2-cell.drop-seal.drop-hover:after{border-color:#e4d8ff;box-shadow:0 0 2cqw #aa82fff2}.g2-cell.drop-evolve{box-shadow:inset 0 0 0 3px #ffcd5af2,inset 0 0 2.4cqw #ffbe4699}.g2-cell.drop-evolve:after{border-color:#ffe8a5e6}.g2-cell.drop-evolve.drop-hover{box-shadow:inset 0 0 0 4px #ffd36b,inset 0 0 3.4cqw #ffbe46f2}.g2-cell.drop-evolve.drop-hover:after{border-color:#fff0c4;box-shadow:0 0 2cqw #ffc850f2}.g2-cell.drop-spell{box-shadow:inset 0 0 0 3px #ff6e5ff2,inset 0 0 2.4cqw #ff5a508c}.g2-cell.drop-spell:after{border-color:#ffbeb4d9}.g2-cell.drop-spell.drop-hover{box-shadow:inset 0 0 0 4px #ffb4a8,inset 0 0 3.4cqw #ff5a50f2}.g2-cell.drop-spell.drop-hover:after{border-color:#ffe1dc;box-shadow:0 0 2cqw #ff5a50f2}.g2-cell.drop-grant{box-shadow:inset 0 0 0 3px #ff963cf2,inset 0 0 2.4cqw #ff782899}.g2-cell.drop-grant:after{border-color:#ffd2a0e6}.g2-cell.drop-grant.drop-hover{box-shadow:inset 0 0 0 4px #ffb066,inset 0 0 3.4cqw #ff7828f2}.g2-cell.drop-grant.drop-hover:after{border-color:#ffe6cc;box-shadow:0 0 2cqw #ff8232f2}.g2-cell.drop-shield{box-shadow:inset 0 0 0 3px #ffd678f2,inset 0 0 2.4cqw #ffc85a8c}.g2-cell.drop-shield:after{border-color:#ffecbee6}.g2-cell.drop-shield.drop-hover{box-shadow:inset 0 0 0 4px #ffe2a0,inset 0 0 3.4cqw #ffc85af2}.g2-cell.drop-shield.drop-hover:after{border-color:#fff4d6;box-shadow:0 0 2cqw #ffcd6ef2}.g2-cell.drop-freeze{box-shadow:inset 0 0 0 3px #82cdfff2,inset 0 0 2.4cqw #5ab4ff8c}.g2-cell.drop-freeze:after{border-color:#cdeeffe6}.g2-cell.drop-freeze.drop-hover{box-shadow:inset 0 0 0 4px #bfe3ff,inset 0 0 3.4cqw #5ab4fff2}.g2-cell.drop-freeze.drop-hover:after{border-color:#eaf7ff;box-shadow:0 0 2cqw #5ab4fff2}.g2-board.drop-all{outline:.5cqw solid rgba(170,140,255,.55);outline-offset:.4cqw;animation:g2-drop-all 1.6s ease-in-out infinite}.g2-board.drop-all.drop-over{outline-color:#dccdfff2;animation-duration:.8s}@keyframes g2-drop-all{50%{outline-offset:.9cqw;outline-color:#c8b4ffe6}}@keyframes g2-spin{to{rotate:360deg}}.g2-piece{position:relative;width:80%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:5.4cqw;line-height:1;pointer-events:none;color:#3b2a16;background:radial-gradient(circle at 34% 28%,#fff,#f4eddd 36%,#dccfb2 70%,#bba985);box-shadow:inset 0 0 0 .075em var(--line, #c99d50),0 0 0 .12em #fffaf0,0 0 0 .16em #5a4524,0 .14em .26em #0000008c,inset 0 -.08em .16em #5a3c1459,inset 0 .06em .08em #ffffffe6}.g2-piece-glyph{font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;text-shadow:0 .04em 0 rgba(255,255,255,.75)}.g2-piece.black{color:#efe9ff;background:radial-gradient(circle at 34% 28%,#6c618f,#383150 38%,#1d1929 72%,#0d0b13);box-shadow:inset 0 0 0 .075em var(--line, #a796de),0 0 0 .12em #0c0a11,0 0 0 .16em #000,0 .14em .26em #0009,inset 0 -.08em .16em #00000080,inset 0 .06em .08em #ffffff59}.g2-piece.black .g2-piece-glyph{text-shadow:0 0 .25em rgba(190,160,255,.75)}.g2-piece.king{box-shadow:inset 0 0 0 .075em #e2b75e,0 0 0 .12em #fffaf0,0 0 0 .16em #5a4524,0 .14em .26em #0000008c,0 0 .55em #ffcd6eb3,inset 0 -.08em .16em #5a3c1459,inset 0 .06em .08em #ffffffe6}.g2-piece.black.king{box-shadow:inset 0 0 0 .075em #c4b2ff,0 0 0 .12em #0c0a11,0 0 0 .16em #000,0 .14em .26em #0009,0 0 .55em #b48cffbf,inset 0 -.08em .16em #00000080,inset 0 .06em .08em #ffffff59}.g2-piece.art{background:radial-gradient(circle at 34% 28%,#c4ae86,#957d58 45%,#634f33)}.g2-piece.black.art{background:radial-gradient(circle at 34% 28%,#aaa3c6,#7f779e 45%,#514a6b)}.g2-piece-art{position:absolute;inset:3%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat;clip-path:circle(49.5%);filter:drop-shadow(0 0 .02em rgba(36,22,8,.95)) drop-shadow(0 .05em .05em rgba(0,0,0,.45))}.g2-piece.black .g2-piece-art{filter:drop-shadow(0 0 .02em rgba(240,234,255,.9)) drop-shadow(0 .05em .05em rgba(0,0,0,.4))}.tribe-warrior{--line: #e0503f;--line-hi: #ffad9f;--line-lo: #7c1a10;--line-ink: #fff4f0;--line-band: rgba(224, 80, 63, .3)}.tribe-mage{--line: #a77bff;--line-hi: #dccaff;--line-lo: #47238f;--line-ink: #fdfaff;--line-band: rgba(167, 123, 255, .3)}.tribe-paladin{--line: #e8b84a;--line-hi: #ffe7a3;--line-lo: #7a5410;--line-ink: #2b1d05;--line-band: rgba(232, 184, 74, .28)}.tribe-dragon{--line: #46c96f;--line-hi: #aef2c2;--line-lo: #135c2a;--line-ink: #04210d;--line-band: rgba(70, 201, 111, .28)}.tribe-beast{--line: #4cb4f0;--line-hi: #b8e4ff;--line-lo: #11507a;--line-ink: #031d33;--line-band: rgba(76, 180, 240, .28)}.tribe-zealot{--line: #cfc5b0;--line-hi: #f6f1e6;--line-lo: #6b6252;--line-ink: #2a2418;--line-band: rgba(207, 197, 176, .24)}.g2-piece-badge{position:absolute;right:-.14em;bottom:-.1em;min-width:1.7em;height:1.7em;padding:0 .3em;display:flex;align-items:center;justify-content:center;gap:.1em;border-radius:.85em;font-family:Georgia,Times New Roman,serif;font-size:max(9px,.32em);font-weight:700;line-height:1;color:var(--line-ink, #fff6dc);text-shadow:0 1px 0 rgba(0,0,0,.3);background:radial-gradient(circle at 35% 30%,var(--line-hi, #f0c46a),var(--line, #d9a548) 45%,var(--line-lo, #7a4e12) 100%);border:1px solid var(--line-hi, #fbe3a4);box-shadow:0 .1em .25em #0009}.g2-piece-family{font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:1.2em;font-weight:400}.g2-piece-ember{position:absolute;left:.15em;bottom:.1em;width:1.25em;height:1.25em;font-size:max(8px,.3em);border-radius:50% 0 50% 50%;rotate:-45deg;background:radial-gradient(circle at 40% 60%,#fff3b0,#fa3 40%,#e8461a 75%,#7a1606);border:1px solid #ffd0a0;box-shadow:0 0 .5em #ff6e1eb3;opacity:.7;pointer-events:none}.g2-piece-ember.ready{opacity:1;animation:g2-ember 1.1s ease-in-out infinite alternate}@keyframes g2-ember{to{scale:1.18;box-shadow:0 0 1em .2em #ff8228f2}}.g2-piece-shield{position:absolute;inset:-.2em;border-radius:50%;border:.05em solid rgba(255,226,160,.95);background:radial-gradient(circle at 50% 32%,rgba(255,244,210,.3),rgba(255,205,110,.1) 55%,transparent 72%);box-shadow:0 0 .25em #ffcd6ed9,inset 0 0 .25em #ffdc96a6;pointer-events:none;animation:g2-shield-hum 2.2s ease-in-out infinite}.g2-piece-shield:after{content:"";position:absolute;left:0;top:-.02em;width:.3em;height:.36em;background:linear-gradient(160deg,#fff6d8,#e8b54a 55%,#8a5a14);clip-path:polygon(50% 0,100% 14%,100% 52%,50% 100%,0 52%,0 14%)}@keyframes g2-shield-hum{50%{box-shadow:0 0 .45em #ffcd6e,inset 0 0 .4em #ffdc96d9}}.g2-piece-frost{position:absolute;inset:-.06em;border-radius:50%;border:.05em solid rgba(220,245,255,.95);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.45),transparent 38%),linear-gradient(160deg,#cdeeff52,#64aaeb47);box-shadow:0 0 .3em #8cd2ffe6,inset 0 0 .25em #fffc;pointer-events:none}.g2-piece-frost:after{content:"❄︎";position:absolute;right:-.15em;top:-.3em;font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:max(9px,.42em);color:#f2fbff;text-shadow:0 0 .25em #5ab4ff,0 0 .08em #1b4fa8}.g2-lava{position:absolute;inset:7%;z-index:1;pointer-events:none}.g2-lava:before{content:"";position:absolute;inset:0;border-radius:42% 48% 40% 52%/48% 42% 54% 46%;background:radial-gradient(circle at 32% 34%,rgba(255,246,190,.95) 0 5%,transparent 15%),radial-gradient(circle at 68% 62%,rgba(255,214,120,.9) 0 4%,transparent 13%),radial-gradient(circle at 56% 28%,rgba(255,190,90,.8) 0 3%,transparent 10%),radial-gradient(circle at 50% 50%,#ffb02e,#f2541b 42%,#a8200c 72%,#3a0a04);box-shadow:0 0 1.6cqw .3cqw #ff6414bf,inset 0 0 1.4cqw #3c0800e6;animation:g2-lava-churn 2.2s ease-in-out infinite alternate}@keyframes g2-lava-churn{0%{filter:brightness(.92);rotate:-4deg;scale:.97}to{filter:brightness(1.18) saturate(1.15);rotate:4deg;scale:1.02}}.g2-lava-turns{position:absolute;right:-8%;bottom:-8%;min-width:1.7em;height:1.7em;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:max(9px,1.9cqw);font-weight:800;line-height:1;color:#fff3dc;background:radial-gradient(circle at 35% 30%,#6a200c,#220704 75%);border:.1em solid #ff9a4d;box-shadow:0 0 .5em #ff6e1ecc}.g2-lava.fx-lava-in{animation:g2-lava-in .7s cubic-bezier(.2,.8,.2,1) backwards}@keyframes g2-lava-in{0%{opacity:0;scale:.2;filter:brightness(3)}60%{opacity:1;scale:1.12;filter:brightness(1.6)}to{scale:1;filter:none}}.g2-lava.cooling:before{animation:g2-lava-cool .9s ease-in var(--delay, 0ms) both}@keyframes g2-lava-cool{0%{opacity:1;filter:none}45%{opacity:1;filter:grayscale(1) brightness(.45)}to{opacity:0;filter:grayscale(1) brightness(.3);scale:.85}}.g2-piece.sick{filter:saturate(.4) brightness(.8)}.g2-piece.sick:after{content:"";position:absolute;inset:-.15em;border-radius:50%;border:.06em dashed rgba(255,255,255,.75);animation:g2-spin 9s linear infinite}.g2-piece.g2-piece-ghost{position:fixed;z-index:1000;margin:0;scale:1.12;filter:drop-shadow(0 .3em .25em rgba(0,0,0,.55));animation:none;transition:scale .12s ease}.g2-piece.g2-piece-ghost.touch{scale:1.4}.g2-piece.g2-piece-ghost.over{filter:drop-shadow(0 .3em .25em rgba(0,0,0,.55)) drop-shadow(0 0 .3em rgba(255,210,80,.95))}.g2-piece.g2-piece-ghost.landing{scale:1;filter:none;transition:left .12s ease-out,top .12s ease-out,scale .12s ease-out}.g2-piece.g2-piece-ghost.returning{scale:1;filter:none;transition:left .2s ease,top .2s ease,scale .2s ease}.g2-piece.lifted{opacity:.3}.g2-piece.away{opacity:0}.g2-seal{position:relative;width:64%;height:86%;display:flex;align-items:center;justify-content:center;pointer-events:none;rotate:-7deg;filter:drop-shadow(0 .5cqw .6cqw rgba(0,0,0,.55))}.g2-seal .g2-back{position:absolute;inset:0;width:100%;height:100%;font-size:.72cqw}.g2-seal.white .g2-back{box-shadow:0 0 0 .06em #2e200c,0 0 1.8cqw #ffd278bf}.g2-seal.black .g2-back{box-shadow:0 0 0 .06em #120e1b,0 0 1.8cqw #aa82ffcc}.g2-seal-timer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.1em;min-width:2.1em;height:2.1em;padding:0 .3em;border-radius:1.05em;font-size:max(11px,2.5cqw);font-weight:800;line-height:1;color:#f6f1ff;background:radial-gradient(circle at 35% 30%,#7c66c8,#2b1e58 70%);border:.12em solid #d5c6ff;box-shadow:0 0 .6em #aa8cffb3}.g2-seal.white .g2-seal-timer{color:#3b2a12;background:radial-gradient(circle at 35% 30%,#fff1c9,#c89a45 70%);border-color:#fff4d6;box-shadow:0 0 .6em #ffd278b3}.g2-seal-name{position:absolute;left:-8%;right:-8%;bottom:5%;z-index:1;padding:.1em .2em;border-radius:.4em;font-size:max(7px,1.3cqw);font-weight:700;line-height:1.2;text-align:center;color:#f4eeff;background:#0a0814cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g2-piece.fx-rise{animation:g2-rise .9s cubic-bezier(.2,.8,.2,1) backwards}@keyframes g2-rise{0%,30%{opacity:0;scale:.2;translate:0 18%;filter:brightness(4) blur(3px)}55%{opacity:1;scale:1.22;translate:0 -6%;filter:brightness(2.2) blur(0)}75%{scale:.95;translate:0 0;filter:brightness(1.3)}to{opacity:1;scale:1;filter:none}}.g2-piece.fx-slide{z-index:3;animation:g2-slide .3s cubic-bezier(.3,.7,.2,1) backwards}@keyframes g2-slide{0%{translate:var(--from-x, 0) var(--from-y, 0)}}.g2-seal.fx-seal-in{animation:g2-seal-in .8s ease-out backwards}@keyframes g2-seal-in{0%,40%{opacity:0;scale:1.35}70%{opacity:1;scale:.94;filter:brightness(1.8) drop-shadow(0 0 2cqw rgba(170,130,255,.9))}to{opacity:1;scale:1}}.g2-seal.fx-tick{animation:g2-tick .65s ease-out backwards}@keyframes g2-tick{0%{scale:1}35%{scale:1.16;filter:brightness(1.7) drop-shadow(0 0 1.6cqw rgba(200,180,255,.9))}to{scale:1}}.g2-frame{--metal: linear-gradient(155deg, #fbe7b0 0%, #c4934a 20%, #7a5222 42%, #b88a45 62%, #f3d595 82%, #a87a38 100%);--edge: #2e200c;--plate: linear-gradient(180deg, #2c2318, #17120c);--ink: #f5e3b3;--paper: linear-gradient(180deg, #f4ead0, #e2d2aa);--paper-ink: #2f2316;position:relative;width:10em;height:14em;padding:.3em;border:0;border-radius:.72em;background:var(--metal);box-shadow:0 0 0 .06em var(--edge),0 .35em .9em #0000008c,inset 0 0 0 .05em #ffffff73;color:var(--text);text-align:left;font-weight:400;line-height:1.2;user-select:none;-webkit-user-select:none}.g2-frame-spell{--metal: linear-gradient(155deg, #f1e8ff 0%, #a07ae8 20%, #4d2c8e 42%, #8c65d8 62%, #e2d2ff 82%, #6d48b8 100%);--edge: #1d1036;--plate: linear-gradient(180deg, #2a2042, #140f24);--ink: #ece2ff;--paper: linear-gradient(180deg, #efe8fb, #dccff3);--paper-ink: #2a1f40}.g2-frame-king{--metal: linear-gradient(155deg, #f8f9fc 0%, #a4adbf 20%, #4e566b 42%, #8b94a8 62%, #e6eaf2 82%, #6c7489 100%);--edge: #161a24;--plate: linear-gradient(180deg, #262a36, #12141b);--ink: #eef2fa;--paper: linear-gradient(180deg, #f0f2f6, #d9dde6);--paper-ink: #222631}.g2-frame-inner{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:.48em;background:linear-gradient(180deg,#1c1923,#0f0d14);box-shadow:0 0 0 .06em #000000bf}.g2-frame-name{flex:none;display:flex;align-items:center;justify-content:center;height:1.8em;padding:0 .45em 0 1.85em;background:var(--plate);border-bottom:.06em solid rgba(255,228,170,.32)}.g2-frame-king .g2-frame-name{padding-left:.45em}.g2-frame-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Cinzel",var(--card-font);font-size:calc(.8em * var(--name-fit, 1));font-weight:700;letter-spacing:.03em;color:var(--ink);text-shadow:0 .07em 0 #000,0 0 .4em rgba(0,0,0,.8),0 0 .9em rgba(255,214,140,.18)}.g2-frame-name.wrap span{font-size:.66em;letter-spacing:.01em;line-height:1.02;white-space:normal;text-align:center}.g2-frame-art{flex:none;position:relative;height:6.6em;overflow:hidden;background:#0b0a10}.g2-frame-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;image-rendering:pixelated;pointer-events:none}.g2-frame-art:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 .7em #000000bf,inset 0 0 0 .06em #ffebbe38}.g2-frame-art.sigil{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,hsl(var(--hue) 90% 72% / .5) 0%,transparent 40%),repeating-conic-gradient(from 0deg at 50% 48%,hsl(var(--hue) 80% 70% / .1) 0deg 7deg,transparent 7deg 20deg),radial-gradient(circle at 50% 48%,hsl(var(--hue) 55% 30%),hsl(var(--hue) 50% 12%) 55%,#07060b)}.g2-frame-glyph{font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:3.6em;line-height:1;color:hsl(var(--hue) 100% 93%);text-shadow:0 0 .12em hsl(var(--hue) 100% 70%),0 0 .35em hsl(var(--hue) 100% 55% / .8),0 .04em 0 #000}.g2-frame-art[data-level="1"] .g2-frame-glyph{font-size:2.7em}.g2-frame-art[data-level="3"] .g2-frame-glyph{font-size:4.3em;text-shadow:0 0 .12em hsl(var(--hue) 100% 75%),0 0 .45em hsl(var(--hue) 100% 60%),0 0 .9em hsl(var(--hue) 100% 55% / .7),0 .04em 0 #000}.g2-frame-type{flex:none;display:flex;align-items:center;justify-content:center;gap:.6em;height:2.4em;overflow:hidden;white-space:nowrap;font-family:"Cinzel",var(--card-font);font-size:.52em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--line-hi, var(--ink));text-shadow:0 .08em 0 #000;background:linear-gradient(90deg,transparent,var(--line-band, rgba(255, 255, 255, .07)) 30%,var(--line-band, rgba(255, 255, 255, .07)) 70%,transparent);border-top:.1em solid rgba(255,228,170,.28);border-bottom:.1em solid rgba(0,0,0,.6)}.g2-frame-type:before,.g2-frame-type:after{content:"";flex:none;width:1.2em;height:.14em;border-radius:1em;background:linear-gradient(90deg,transparent,currentColor);opacity:.55}.g2-frame-type:after{background:linear-gradient(270deg,transparent,currentColor)}.g2-frame-text{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:.45em .5em .55em;padding:.3em .55em;overflow:hidden;border-radius:.45em;background:var(--paper);box-shadow:inset 0 0 .6em #5a3c1459,inset 0 0 0 .1em #ffffff47,0 0 0 .08em #0009;color:var(--paper-ink);font-family:"Alegreya",var(--card-font);font-size:calc(.7em * var(--fit, 1));line-height:1.16;text-align:center}.g2-frame-copy{width:100%}.g2-frame-copy p{margin:0}.g2-frame-copy p+p{margin-top:.2em}.g2-frame-evolves{font-style:italic;color:#7a4a0e}.g2-frame-evolves span{font-style:normal;font-weight:700}.g2-kw{font-family:"Cinzel",var(--card-font);font-size:.84em;font-weight:700;letter-spacing:.02em;color:#7a2d0c}.g2-num{font-weight:700}.g2-frame-spell .g2-kw{color:#4b2490}.g2-frame-ability{padding-top:.18em;border-top:.06em solid rgba(90,60,20,.28)}.g2-frame-ability.learned .g2-kw{color:#c2410c;text-shadow:0 0 .45em rgba(255,130,40,.55)}.g2-frame-ability.learned:before{content:"✦ ";color:#e8590c}.g2-frame-probe{position:fixed;left:-10000px;top:0;font-size:40px;visibility:hidden;pointer-events:none}.g2-hourglass{flex:none;width:.62em;height:.86em}.g2-frame-cost{position:absolute;z-index:2;top:-.5em;left:-.5em;width:2.4em;height:2.4em;display:flex;align-items:center;justify-content:center}.g2-frame-cost:before{content:"";position:absolute;inset:.34em;rotate:45deg;border-radius:.28em;background:radial-gradient(circle at 32% 26%,#f2fbff,#8fd0ff 18%,#3a8ce6 48%,#163f8f);box-shadow:0 0 0 .08em #071630,0 0 0 .16em #aadcff8c,0 .16em .4em #0009,0 0 .7em #5ab4ff99}.g2-frame-cost b{position:relative;font-family:Segoe UI,system-ui,sans-serif;font-size:1.15em;font-weight:800;color:#fff;text-shadow:0 .07em 0 #0b2246,0 0 .3em #0b2246}.g2-frame-timer{position:absolute;z-index:2;right:-.42em;bottom:-.42em;height:2em;min-width:2em;padding:0 .42em;display:flex;align-items:center;justify-content:center;gap:.12em;border-radius:1em;background:radial-gradient(circle at 35% 30%,#7c66c8,#2b1e58 70%);border:.1em solid #cdbcff;color:#f4efff;font-family:Segoe UI,system-ui,sans-serif;font-size:.92em;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 .15em .4em #0009,0 0 .6em #aa8cff80}.g2-frame-shine{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--shine-x, 30%) var(--shine-y, 10%),rgba(255,255,255,.36),transparent 42%),linear-gradient(115deg,transparent 38%,rgba(255,255,255,.14) 47%,transparent 56%);mix-blend-mode:screen;opacity:0;transition:opacity .2s ease}.g2-card:hover .g2-frame-shine,.g2-inspect-card:hover .g2-frame-shine{opacity:1}.g2-back{position:relative;width:10em;height:14em;flex:none;border-radius:.72em;background:linear-gradient(155deg,#fbe7b0,#c4934a 20%,#7a5222 42%,#b88a45,#f3d595 82%,#a87a38);box-shadow:0 0 0 .06em #2e200c,0 .3em .8em #00000080}.g2-back:before{content:"";position:absolute;inset:.3em;border-radius:.48em;background:radial-gradient(circle at 50% 50%,rgba(140,110,255,.5),transparent 52%),repeating-linear-gradient(45deg,rgba(232,194,122,.09) 0 .3em,transparent .3em .9em),repeating-linear-gradient(-45deg,rgba(232,194,122,.09) 0 .3em,transparent .3em .9em),linear-gradient(180deg,#221a46,#0e0b20);box-shadow:inset 0 0 0 .12em #e8c27a8c,inset 0 0 1.4em #000000bf}.g2-back-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--card-font);font-size:4.4em;font-weight:700;line-height:1;color:#f2cd7a;text-shadow:0 0 .12em rgba(255,205,110,.9),0 0 .4em rgba(140,110,255,.7),0 .04em 0 #5a3b0e}.g2-hand{width:100%}.g2-handlabel{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:2px;text-align:center}.g2-handrow{--card-w: clamp(92px, 11.5vh, 128px);--spread: clamp(3deg, calc(var(--n, 1) * 1.25deg), 11deg);container-type:inline-size;display:flex;justify-content:center;align-items:flex-start;min-height:calc(var(--card-w) * 1.4 + 26px);padding:10px 12px 16px}.g2-card{flex:none;font-size:calc(var(--card-w) / 10);margin:0 0 0 clamp(calc(var(--card-w) * -.7),calc((100cqw - var(--n, 1) * var(--card-w)) / max(var(--n, 1) - 1,1)),8px);cursor:pointer;rotate:calc(var(--fan, 0) * var(--spread));translate:0 calc(var(--arc, 0) * .9em);transform:perspective(60em) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-origin:50% 85%;filter:saturate(.55) brightness(.72);transition:translate .18s ease,rotate .18s ease,scale .18s ease,box-shadow .18s ease,filter .18s ease}.g2-card:first-child{margin-left:0}.g2-card .g2-frame-name{justify-content:flex-start}.g2-card:hover{filter:none}.g2-card.playable{filter:none;box-shadow:0 0 0 .06em var(--edge),0 .35em .9em #0000008c,0 0 .9em #5ae18c8c}.g2-card:hover,.g2-card.inspected{z-index:30;translate:0 calc(var(--card-w) * -.17);rotate:0deg;scale:1.08}.g2-card:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--card-w) * -.22);height:calc(var(--card-w) * .22)}.g2-card.inspected{outline:2px solid #7fb8ff;outline-offset:2px}.g2-card[aria-disabled=true]{cursor:default}.g2-card.draggable{cursor:grab;touch-action:pan-x;user-select:none}.g2-card.lifted{opacity:.25}.g2-card.fresh{animation:g2-draw .56s cubic-bezier(.2,.8,.2,1) backwards}@keyframes g2-draw{0%{opacity:0;translate:34vw 40px;rotate:18deg;scale:.6}}.g2-hand.spent .g2-handrow{filter:grayscale(.7) brightness(.8)}.g2-card.g2-drag-ghost{position:fixed;z-index:1000;margin:0;pointer-events:none;cursor:grabbing;rotate:-5deg;translate:none;scale:.94;transform:none;filter:none;transition:scale .16s ease,opacity .16s ease,rotate .16s ease;animation:none;box-shadow:0 0 0 .12em var(--edge),0 1.2em 2.4em #0009,0 0 1.4em #f0be5a99}.g2-card.g2-drag-ghost.over{rotate:0deg;scale:1;box-shadow:0 0 0 .12em var(--edge),0 1.2em 2.4em #0009,0 0 1.8em #6ef0a0f2}.g2-card.g2-drag-ghost.nowhere{box-shadow:0 0 0 .12em var(--edge),0 1.2em 2.4em #0009,0 0 1.4em #ff5a50d9}.g2-drag-ghost.touch{scale:1}.g2-card.g2-drag-ghost.to-orb{scale:.06;opacity:0;rotate:0deg}.g2-orb{--orb: 46px;--core: #f2fbff;--glow: rgba(110, 196, 255, .9);--haze: rgba(70, 120, 255, .4);position:fixed;z-index:1001;width:var(--orb);height:var(--orb);margin:calc(var(--orb) / -2) 0 0 calc(var(--orb) / -2);pointer-events:none;opacity:0;scale:.2;transition:opacity .16s ease,scale .2s cubic-bezier(.3,1.7,.5,1)}.g2-orb.on{opacity:1;scale:1}.g2-orb.on.over{scale:1.2}.g2-orb.black{--core: #f6f0ff;--glow: rgba(178, 140, 255, .9);--haze: rgba(120, 70, 255, .4)}.g2-orb.nowhere{--core: #fff0ee;--glow: rgba(255, 110, 90, .9);--haze: rgba(255, 60, 40, .35)}.g2-orb.striking{opacity:1;transition:none}.g2-orb .core{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 44% 40%,#fff 0 18%,var(--core) 30%,var(--glow) 58%,transparent 72%);box-shadow:0 0 calc(var(--orb) * .3) calc(var(--orb) * .08) var(--glow),0 0 calc(var(--orb) * .75) calc(var(--orb) * .22) var(--haze);animation:g2-orb-pulse .45s ease-in-out infinite alternate}.g2-orb .arcs{position:absolute;inset:-8%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M37-13 30-2 38 6 28 17 33 26 22 31'/%3E%3Cpath d='M-36 18-29 9-37 0-27-9-31-19-22-27'/%3E%3Cpath d='M-12-38-2-31 6-39 14-30'/%3E%3Cpath d='M4 38 10 31 18 36'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 2px var(--glow)) drop-shadow(0 0 5px var(--glow));animation:g2-orb-spin .8s linear infinite,g2-orb-flicker .16s steps(2,jump-none) infinite}.g2-orb .arcs.late{inset:-22%;opacity:.7;animation-duration:1.3s,.21s;animation-direction:reverse,normal}@keyframes g2-orb-pulse{to{scale:1.12;filter:brightness(1.25)}}@keyframes g2-orb-spin{to{rotate:360deg}}@keyframes g2-orb-flicker{50%{opacity:.35}}.g2-strike{--line: #f4fbff;--glow: rgba(110, 196, 255, .9);position:fixed;z-index:1001;width:0;height:0;pointer-events:none}.g2-strike.black{--line: #f8f2ff;--glow: rgba(178, 140, 255, .9)}.g2-strike-bolt{position:absolute;left:0;bottom:0;translate:-50% 0;overflow:visible;animation:g2-strike-bolt .42s ease-out both}.g2-strike-bolt path{fill:none;stroke-linecap:round;stroke-linejoin:round}.g2-strike-bolt .glow{stroke:var(--glow);stroke-width:9;opacity:.6;filter:blur(2.5px)}.g2-strike-bolt .line{stroke:var(--line);stroke-width:3.2}.g2-strike-bolt .thin{stroke-width:1.4}.g2-strike-bolt .glow.thin{stroke-width:4}.g2-strike-flash,.g2-strike-ring{position:absolute;left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:var(--size);border-radius:50%}.g2-strike-flash{background:radial-gradient(circle,#fff 0 18%,var(--line) 28%,var(--glow) 48%,transparent 70%);animation:g2-strike-flash .42s ease-out both}.g2-strike-ring{border:2px solid var(--line);box-shadow:0 0 10px var(--glow),inset 0 0 8px var(--glow);animation:g2-strike-ring .56s cubic-bezier(.2,.7,.3,1) both}.g2-strike-ring.late{border-width:1px;animation-delay:90ms}.g2-strike-spark{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:var(--line);box-shadow:0 0 6px 2px var(--glow);animation:g2-strike-spark .56s cubic-bezier(.1,.7,.3,1) both}@keyframes g2-strike-bolt{0%{opacity:0}10%,30%{opacity:1}40%{opacity:.3}55%{opacity:1}to{opacity:0}}@keyframes g2-strike-flash{0%{opacity:0;scale:.3}15%{opacity:1;scale:1.4}to{opacity:0;scale:1.8}}@keyframes g2-strike-ring{0%{opacity:1;scale:.2}to{opacity:0;scale:2.6}}@keyframes g2-strike-spark{to{translate:var(--dx) var(--dy);opacity:0;scale:.4}}@media(prefers-reduced-motion:reduce){.g2-orb .core,.g2-orb .arcs{animation:none}}.g2-card.g2-drag-ghost.returning{transition:left .2s ease,top .2s ease,opacity .2s ease,rotate .2s ease;opacity:.4;rotate:0deg}.g2-card.g2-drag-ghost.landing{transition:left .26s cubic-bezier(.5,0,.75,0),top .26s cubic-bezier(.5,0,.75,0),scale .26s ease-in,opacity .26s ease-in,rotate .26s ease;rotate:0deg;scale:.22;opacity:.15;transform-origin:50% 50%}.g2-card.g2-drag-ghost.casting{transition:left .26s cubic-bezier(.3,0,.4,1),top .26s cubic-bezier(.3,0,.4,1),scale .26s ease,opacity .26s ease-in,rotate .26s ease;rotate:0deg;scale:1.3;opacity:0;transform-origin:50% 50%}.g2-card.g2-drag-ghost.pitching{transition:left .4s cubic-bezier(.5,0,.75,0),top .4s cubic-bezier(.5,0,.75,0),scale .4s ease-in,opacity .4s ease-in,rotate .4s ease,filter .4s ease;rotate:14deg;scale:.1;opacity:0;filter:sepia(1) saturate(5) hue-rotate(170deg) brightness(1.6);transform-origin:50% 50%}.g2-droptag{position:fixed;z-index:1001;padding:3px 8px;border-radius:6px;background:#2a2146;border:1px solid #b9a5ff;color:#ece6ff;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;box-shadow:0 4px 10px #00000080}.g2-dropnote{margin:0 0 4px;padding:4px 10px;border-radius:6px;background:#2a2146;border:1px solid #b9a5ff;color:#ece6ff;font-size:13px;font-weight:600}.g2-droptag.evolve,.g2-dropnote.evolve{background:#3a2a0c;border-color:#f2c35a;color:#fff1cf}.g2-droptag.grant,.g2-dropnote.grant{background:#3d1a08;border-color:#ff9a4d;color:#ffe8d6}.g2-detail{display:none}.g2-inspect{container-type:inline-size;display:grid;grid-template-columns:46% minmax(0,1fr);column-gap:4.5%;row-gap:10px;align-items:start;padding:14px;border-radius:14px;background:linear-gradient(180deg,#201c30f7,#110f1af7);border:1px solid rgba(150,130,220,.28);box-shadow:0 18px 44px #0009,inset 0 1px #ffffff0f;color:#d9d5ea}.g2-inspect.hidden{display:none}.g2-inspect-card{justify-self:center;font-size:4.5cqw;transform:perspective(60em) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .08s linear}.g2-inspect.enter .g2-inspect-card{animation:g2-card-in .34s cubic-bezier(.2,.8,.2,1) backwards}@keyframes g2-card-in{0%{opacity:0;translate:-8% 0;scale:.9;rotate:y -35deg}}.g2-inspect.enter .g2-inspect-info{animation:g2-info-in .3s ease-out .05s backwards}@keyframes g2-info-in{0%{opacity:0;translate:10px 0}}.g2-inspect-info{min-width:0;display:flex;flex-direction:column;gap:8px}.g2-inspect-head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;padding-right:30px}.g2-inspect-title{flex:1 1 100%;font-family:var(--card-font);font-size:clamp(15px,4.6cqw,24px);font-weight:700;line-height:1.1;color:#f5e3b3;text-shadow:0 2px 0 rgba(0,0,0,.6)}.g2-inspect-chips{display:flex;flex-wrap:wrap;gap:5px}.g2-chip{padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.g2-chip.mana{color:#a9d8ff;border-color:#5ab4ff61}.g2-chip.timer{color:#d9ccff;border-color:#aa8cff61}.g2-chip.timer .g2-hourglass{width:.7em;height:.95em;vertical-align:-.14em}.g2-chip.line{color:#ffe1a0;border-color:#f2c35a73}.g2-chip.owner.white{color:#f6ecd2;border-color:#e8c27a66}.g2-chip.owner.black{color:#d3c6ff;border-color:#a796de73}.g2-inspect-close{position:absolute;top:-4px;right:-4px;width:30px;height:30px;padding:0;border-radius:50%;font-size:18px;line-height:1}.g2-inspect-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a59cc8}.g2-inspect-note{margin:0;font-size:12.5px;line-height:1.4;color:#c8b8ff}.g2-inspect-spell{margin:0;font-family:var(--card-font);font-size:15px;line-height:1.4;color:#efe6ff}.g2-inspect-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.g2-pile-strip{display:flex;flex-wrap:wrap;gap:5px}.g2-pile-thumb{width:30px;height:42px;padding:0;display:grid;place-items:center;border-radius:4px;border:1px solid #7a5222;background:#221c30 center / cover no-repeat;box-shadow:0 1px 3px #0009;color:#f5e3b3;font-size:14px;opacity:.72;transition:opacity .15s ease,translate .15s ease}.g2-pile-thumb:hover{opacity:1;translate:0 -2px}.g2-pile-thumb.on{opacity:1;border-color:#ffe2a0;box-shadow:0 0 0 1px #ffe2a0,0 0 8px #ffcd6eb3}.g2-raise{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:3%;border-radius:1.4cqw;background:#0a08149e;backdrop-filter:blur(2px);animation:g2-raise-in .2s ease-out both}.g2-raise.hidden{display:none}@keyframes g2-raise-in{0%{opacity:0}}.g2-raise-panel{max-width:100%;max-height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;border-radius:14px;border:1px solid rgba(232,194,122,.6);background:linear-gradient(180deg,#262238f7,#171523f7);box-shadow:0 10px 30px #0009}.g2-raise-head{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.g2-raise-head b{font-size:16px;color:#ffe2a0}.g2-raise-head span{font-size:12.5px;color:var(--muted)}.g2-raise-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.g2-raise-card{font-size:clamp(6px,1.5cqw,9px);transition:translate .15s ease,box-shadow .15s ease}.g2-raise-card:hover{translate:0 -4px;box-shadow:0 0 0 2px #ffe2a0,0 0 16px #ffcd6ecc}.g2-raise-cancel{padding:6px 16px;font-size:13px}.g2-raise-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.g2-inspect-action{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.g2-inspect-action.mana{border:1px solid rgba(120,200,255,.8);background:linear-gradient(180deg,#1d4f86,#12304f);color:#e3f3ff}.g2-inspect-action.lava{border:1px solid rgba(255,150,70,.85);background:linear-gradient(180deg,#7a2a0e,#3d1207);color:#ffe2c8}.g2-inspect-action:hover{filter:brightness(1.2)}.g2-inspect.empty{grid-template-columns:46%;justify-content:center}.g2-inspect.empty .g2-back{justify-self:center;font-size:4.5cqw;opacity:.6;animation:g2-float 5s ease-in-out infinite}@keyframes g2-float{50%{translate:0 -6px}}.g2-move{display:flex;flex-direction:column;gap:8px}.g2-move-board{display:block;width:min(100%,50cqw);aspect-ratio:1;border-radius:6px;box-shadow:0 0 0 1px #0009,0 0 0 3px #a8834a99,0 8px 18px #00000073}.g2-move-board .sq.light{fill:#e6d6b2}.g2-move-board .sq.dark{fill:#7d5f42}.g2-move-board .sq.home{fill:#c9a25a}.g2-move-board .ray{stroke-width:.1;stroke-linecap:round;stroke-dasharray:.18 .14;opacity:.85;stroke:#3fd27a}.g2-move-board .ray.capture{stroke:#ff5a52}.g2-move-board .hop{fill:none;stroke:#e8c27a;stroke-width:.06;stroke-linecap:round;stroke-dasharray:.14 .1;opacity:.85;filter:drop-shadow(0 .03px .02px rgba(0,0,0,.6))}.g2-inspect.enter .g2-move-board .hop{animation:g2-hop-in .5s .1s ease-out backwards}@keyframes g2-hop-in{0%{opacity:0}}.g2-move-board .mark{transform-box:fill-box;transform-origin:center}.g2-inspect.enter .g2-move-board .mark{animation:g2-mark-in .34s cubic-bezier(.2,.9,.3,1.5) backwards}@keyframes g2-mark-in{0%{opacity:0;transform:scale(.2)}}.g2-move-board .mv{fill:#3fd27a;stroke:#0b3a20;stroke-width:.04}.g2-move-board .mv.first{fill:#3fd27a1f;stroke:#3fd27a;stroke-width:.06}.g2-move-board .cap{fill:#ff5a5224;stroke:#ff5a52;stroke-width:.08}.g2-move-board .tok-face{fill:#f4ecdc}.g2-move-board .tok.black .tok-face{fill:#26203a}.g2-move-board .tok.art .tok-face{fill:#957d58}.g2-move-board .tok.black.art .tok-face{fill:#7f779e}.g2-move-board .tok-rim{fill:none;stroke:#c99d50;stroke-width:.07}.g2-move-board .tok.black .tok-rim{stroke:#a796de}.g2-move-board .tok-glyph{font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:.52px;fill:#3b2a16}.g2-move-board .tok.black .tok-glyph{fill:#efe9ff}.g2-move-legend{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:12px;line-height:1.3;color:#c9c4de}.g2-move-legend li{display:flex;align-items:center;gap:8px}.g2-move-key{position:relative;flex:none;width:16px;height:16px;border-radius:50%}.g2-move-key.mv:after,.g2-move-key.both:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#3fd27a}.g2-move-key.both:after{inset:3px}.g2-move-key.first:after{content:"";position:absolute;inset:3px;border:1.5px solid #3fd27a;border-radius:50%}.g2-move-key.cap,.g2-move-key.both{border:2px solid #ff5a52}.g2-move-key.ray{height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,#3fd27a 0 4px,transparent 4px 7px)}.g2-move-key.leap{height:10px;margin-top:4px;border:2px dashed #e8c27a;border-bottom-color:transparent;border-left-color:transparent;rotate:-45deg}.g2-cue{position:absolute;top:0;left:50%;translate:-50% -50%;z-index:7;padding:3px 12px;border-radius:999px;background:linear-gradient(180deg,#28223af7,#161322f7);border:1px solid rgba(232,194,122,.85);box-shadow:0 4px 12px #00000080,0 0 14px #e8c27a40;font-size:11.5px;line-height:1.4;white-space:nowrap;color:var(--muted);pointer-events:none}.g2-cue-lava{padding:0 8px;border-radius:999px;border:1px solid rgba(255,140,60,.85);background:linear-gradient(180deg,#5a1d0a,#2e0e05);color:#ffd7b0;font:inherit;font-weight:700;cursor:pointer;pointer-events:auto}.g2-cue-lava:hover{background:linear-gradient(180deg,#7a2a0e,#3d1207);color:#fff}.g2-cue-lava.on{background:linear-gradient(180deg,#c2410c,#7a1f06);color:#fff;box-shadow:0 0 10px #ff7828b3}.g2-menu,.g2-sheet-close,.g2-sheet-shade{display:none}.g2-side{width:300px;flex:0 0 300px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;scrollbar-width:thin}.g2-statusblock{display:flex;flex-direction:column;gap:10px}.g2-status.choice{border-left-color:var(--accent);font-weight:700}.g2-status.review{border-left-color:#7cc4ff;color:#d7ecff}.g2-nav{display:flex;align-items:center;gap:6px}.g2-nav-btn{display:grid;place-items:center;flex:none;width:40px;height:34px;padding:0}.g2-nav-btn svg{width:18px;height:18px}.g2-nav-btn:disabled{opacity:.35;cursor:default}.g2-nav-count{flex:1;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.g2-reviewing .g2-nav-count{color:#bfe3ff;font-weight:700}.g2-live{position:absolute;top:0;left:50%;translate:-50% -50%;z-index:8;width:auto;padding:5px 14px;border-radius:999px;border:1px solid rgba(150,210,255,.85);background:linear-gradient(180deg,#1e3a60f7,#101e38f7);box-shadow:0 4px 12px #00000080,0 0 14px #6ebeff59;color:#d7ecff;font-size:12.5px;font-weight:700;white-space:nowrap}.g2-live:hover{background:linear-gradient(180deg,#2a5082f7,#162a4cf7);color:#fff}.g2-live.mine{border-color:var(--ok);animation:g2pulse 1.6s ease-in-out infinite}.g2-end{font-size:16px;padding:12px}.g2-end.ready{animation:g2pulse 1.6s ease-in-out infinite}@keyframes g2pulse{50%{box-shadow:0 0 0 4px #d4a24c47}}.g2-log{flex:1;min-height:80px;max-height:34vh;overflow-y:auto;font-size:12.5px;line-height:1.45;scrollbar-width:thin}.g2-log .entry{padding:1px 0;color:#cfcce0}.g2-log .entry.white{border-left:3px solid #f2f2f2;padding-left:6px}.g2-log .entry.black{border-left:3px solid #555;padding-left:6px}.g2-log .entry.important{color:var(--accent);font-weight:600}.g2-log .entry[data-step]{cursor:pointer}.g2-log .entry[data-step]:hover{background:#ffffff0d}.g2-log .entry.shown{background:#6ebeff29;color:#e6f3ff}.g2-side>.g2-chat-slot{display:flex;flex:2.2 1 0;min-height:300px}.g2-side>.side-block.grow{min-height:110px}.g2-chat-slot>#chat{position:static;flex:1;width:100%;height:auto;z-index:auto}.g2-chat-btn,.g2-chat-peek{display:none}.g2-sound-switches{display:flex;gap:8px;margin-top:8px}.g2-sound-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;font-size:13.5px;color:var(--muted)}.g2-sound-btn svg{flex:none;width:18px;height:18px}.g2-sound-btn.on{color:var(--accent);border-color:#d4a24c8c}.g2-credit{margin-top:8px;font-size:11px;line-height:1.4;color:var(--muted)}.g2-credit a{color:inherit}.g2-fx{position:absolute;inset:0;z-index:6;pointer-events:none}.g2-fx-overlay{position:absolute;inset:0;z-index:8;pointer-events:none}.g2-fx-spot{--t0: 0ms;--fx: #ffe2a0;--fx-soft: rgba(255, 200, 100, .55);--fx-beam: rgba(255, 196, 92, .8);position:absolute;pointer-events:none}.g2-fx-spot.with-card{--t0: .32s}.g2-fx-spot.hatch,.g2-fx-spot.evolve{--t0: .23s}.g2-fx-spot.evolve.with-card{--t0: .55s}.g2-fx-spot.evolve.with-card .g2-fx-ghost.crack{animation-delay:calc(var(--delay, 0ms) + .32s)}.g2-fx-spot.vanish{--t0: -.1s}.g2-fx-spot.black,.g2-fx-spot.seal{--fx: #cdb6ff;--fx-soft: rgba(160, 120, 255, .55);--fx-beam: rgba(150, 105, 255, .8)}.g2-fx-spot.seal.white{--fx: #ffe2a0;--fx-soft: rgba(200, 150, 255, .5)}.g2-fx-spot.mana{--fx: #d4f0ff;--fx-soft: rgba(90, 180, 255, .6);--fx-beam: rgba(120, 200, 255, .85)}.g2-fx-gem{position:absolute;left:50%;top:50%;width:32%;height:32%;translate:-50% -50%;rotate:45deg;border-radius:12%;background:linear-gradient(135deg,#f2fbff,#5ab4ff 50%,#1b4fa8);box-shadow:0 0 calc(var(--cell) * .2) #5ab4ffe6;opacity:0;animation:g2-gem-burst .7s ease-out var(--delay, 0ms) both}@keyframes g2-gem-burst{0%{opacity:1;scale:1}30%{opacity:1;scale:1.3;filter:brightness(2.2)}to{opacity:0;scale:2.4;filter:brightness(3) blur(3px)}}.g2-fx-rune{position:absolute;left:50%;top:50%;width:175%;height:175%;translate:-50% -50%;color:var(--fx);opacity:0;filter:drop-shadow(0 0 4px var(--fx-soft)) drop-shadow(0 0 10px var(--fx-soft));animation:g2-rune 1.15s cubic-bezier(.2,.7,.2,1) calc(var(--delay, 0ms) + var(--t0)) both}.g2-fx-rune svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor}.g2-fx-rune .r1{stroke-width:2.4}.g2-fx-rune .r2{stroke-width:1.3;stroke-dasharray:3 4}.g2-fx-rune .r3{stroke-width:1.5}.g2-fx-rune .r4 path{fill:currentColor;stroke:none}@keyframes g2-rune{0%{opacity:0;scale:.3;rotate:-100deg}25%{opacity:1;scale:1}70%{opacity:.9}to{opacity:0;scale:1.15;rotate:60deg}}.g2-fx-pillar{position:absolute;left:50%;bottom:42%;width:72%;height:380%;translate:-50% 0;transform-origin:50% 100%;border-radius:50% 50% 0 0/12% 12% 0 0;background:linear-gradient(to top,var(--fx) 0%,var(--fx-beam) 30%,transparent 100%);filter:blur(1.5px) drop-shadow(0 0 calc(var(--cell) * .12) var(--fx-soft));opacity:0;animation:g2-pillar .95s ease-out calc(var(--delay, 0ms) + var(--t0) + .12s) both}.g2-fx-pillar:after{content:"";position:absolute;inset:8% 30% 0;border-radius:inherit;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.85) 45%,transparent 100%)}@keyframes g2-pillar{0%{opacity:0;scale:.35 0}30%{opacity:1;scale:1 1}65%{opacity:.85;scale:.7 1}to{opacity:0;scale:.15 1.1}}.g2-fx-burst{position:absolute;left:50%;top:50%;width:270%;height:270%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,var(--fx) 22%,var(--fx-soft) 42%,transparent 66%);mix-blend-mode:screen;opacity:0;animation:g2-burst .65s ease-out calc(var(--delay, 0ms) + var(--t0) + .25s) both}@keyframes g2-burst{0%{opacity:0;scale:.1}20%{opacity:1}to{opacity:0;scale:1.1}}.g2-fx-shock{position:absolute;inset:0;border-radius:50%;border:calc(var(--cell) * .07) solid var(--fx);box-shadow:0 0 calc(var(--cell) * .18) var(--fx-soft),inset 0 0 calc(var(--cell) * .18) var(--fx-soft);opacity:0;animation:g2-shock .62s cubic-bezier(.1,.6,.3,1) calc(var(--delay, 0ms) + var(--t0) + .25s) both}@keyframes g2-shock{0%{opacity:1;scale:.4}to{opacity:0;scale:3.4}}.g2-fx-sparks{position:absolute;left:50%;top:50%;width:0;height:0}.g2-fx-sparks i{position:absolute;left:calc(var(--cell) * -.035);top:calc(var(--cell) * -.035);width:calc(var(--cell) * .07);height:calc(var(--cell) * .07);border-radius:50%;background:#fff;box-shadow:0 0 6px 2px var(--fx);opacity:0;animation:g2-spark .72s cubic-bezier(.1,.7,.3,1) calc(var(--delay, 0ms) + var(--t0) + .26s) both}.g2-fx-sparks.red i{background:#ffd9cf;box-shadow:0 0 6px 2px #ff6b5a}.g2-fx-sparks.violet i{background:#f1e9ff;box-shadow:0 0 6px 2px #b48cff}.g2-fx-sparks.ember i{background:#ffe2b0;box-shadow:0 0 6px 2px #ff7a1a}.g2-fx-ring.ember{border-color:#ffb37a;box-shadow:0 0 10px #ff7828d9,inset 0 0 8px #ff782899}.g2-fx-sparks.gold i{background:#fff6d8;box-shadow:0 0 6px 2px #ffc85a}.g2-fx-sparks.ice i{background:#f2fbff;box-shadow:0 0 6px 2px #7cc8ff}.g2-fx-ring.gold{border-color:#ffe2a0;box-shadow:0 0 10px #ffc864d9,inset 0 0 8px #ffc86499}.g2-fx-ring.ice{border-color:#d8f1ff;box-shadow:0 0 10px #6ebeffd9,inset 0 0 8px #6ebeff99}.g2-fx-dome{position:absolute;left:50%;top:50%;width:110%;height:110%;translate:-50% -50%;border-radius:50%;border:calc(var(--cell) * .04) solid #ffe2a0;background:radial-gradient(circle at 50% 35%,rgba(255,245,215,.6),rgba(255,205,110,.25) 55%,transparent 72%);box-shadow:0 0 calc(var(--cell) * .2) #ffcd6ee6,inset 0 0 calc(var(--cell) * .15) #ffe1a0cc;opacity:0;animation:g2-dome 1.2s cubic-bezier(.2,.8,.2,1) var(--delay, 0ms) both}@keyframes g2-dome{0%{opacity:0;scale:1.8}30%{opacity:1;scale:.95}45%{scale:1.04}75%{opacity:.9;scale:1}to{opacity:0;scale:1}}.g2-fx-frost{position:absolute;inset:-12%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.95),transparent 30%),radial-gradient(circle,#d7f0ffe6,#78befa99 60%,#78befa00 78%);clip-path:polygon(50% 0,60% 32%,93% 25%,70% 50%,93% 75%,60% 68%,50% 100%,40% 68%,7% 75%,30% 50%,7% 25%,40% 32%);opacity:0;animation:g2-frost 1.3s ease-out var(--delay, 0ms) both}@keyframes g2-frost{0%{opacity:0;scale:.2;rotate:-40deg}25%{opacity:1;scale:1.1;rotate:0deg}70%{opacity:.85;scale:1}to{opacity:0;scale:1.05}}.g2-fx-spot.smite{--t0: -.15s;--fx: #fff1c4;--fx-soft: rgba(255, 210, 110, .6)}.g2-fx-bolt{position:absolute;left:50%;bottom:40%;width:40%;height:520%;translate:-50% 0;transform-origin:50% 100%;filter:drop-shadow(0 0 calc(var(--cell) * .08) #fff4c8) drop-shadow(0 0 calc(var(--cell) * .2) rgba(255,205,110,.9));opacity:0;animation:g2-bolt .52s ease-out var(--delay, 0ms) both}.g2-fx-bolt:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#fff 0%,#fff4c8 25%,rgba(255,210,110,.9) 60%,transparent 100%);clip-path:polygon(48% 0,64% 0,55% 40%,74% 40%,42% 100%,50% 58%,30% 58%)}@keyframes g2-bolt{0%{opacity:0;scale:1 0}18%{opacity:1;scale:1 1}45%{opacity:1}to{opacity:0;scale:1.3 1}}.g2-fx-spot.lava{--t0: .2s}.g2-fx-lavaball{position:absolute;left:50%;top:50%;width:0;height:0;animation:g2-lava-fly .46s linear var(--delay, 0ms) both}.g2-fx-lavaball i{position:absolute;left:calc(var(--cell) * -.17);top:calc(var(--cell) * -.17);width:calc(var(--cell) * .34);height:calc(var(--cell) * .34);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c0,#ffb02e 35%,#f2541b 65%,#8f1b08);box-shadow:0 0 calc(var(--cell) * .2) calc(var(--cell) * .05) #ff6e14e6;animation:g2-lava-arc .46s var(--delay, 0ms) both}@keyframes g2-lava-fly{0%{translate:var(--from-x) var(--from-y);opacity:1}99%{opacity:1}to{translate:0 0;opacity:0}}@keyframes g2-lava-arc{0%{translate:0 0;scale:.6;animation-timing-function:cubic-bezier(.3,.6,.6,1)}50%{translate:0 calc(var(--cell) * -1);scale:1.15;animation-timing-function:cubic-bezier(.4,0,.7,.4)}to{translate:0 0;scale:.9}}.g2-fx-splash{position:absolute;left:50%;top:50%;width:110%;height:110%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,240,180,.95),rgba(255,140,40,.75) 35%,rgba(220,50,10,.35) 60%,transparent 72%);opacity:0;animation:g2-splash .6s ease-out calc(var(--delay, 0ms) + .46s) both}@keyframes g2-splash{0%{opacity:1;scale:.2}to{opacity:0;scale:1.5}}.g2-fx-steam{position:absolute;left:50%;top:50%;width:70%;height:70%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(235,235,245,.75),rgba(200,200,215,.35) 45%,transparent 70%);filter:blur(.6cqw);opacity:0;animation:g2-steam 1.2s ease-out calc(var(--delay, 0ms) + .2s) both}.g2-fx-steam.late{width:50%;height:50%;animation-delay:calc(var(--delay, 0ms) + .42s)}@keyframes g2-steam{0%{opacity:0;translate:-50% -40%;scale:.5}30%{opacity:.9}to{opacity:0;translate:-50% -140%;scale:1.5}}.g2-elder{--t0: .58s;--fx: #fff2c6;--fx-soft: rgba(255, 214, 120, .6);--fx-beam: rgba(255, 226, 150, .85);position:absolute;pointer-events:none;transform-style:preserve-3d}.g2-elder.black{--fx: #e6dbff;--fx-soft: rgba(170, 130, 255, .6);--fx-beam: rgba(196, 160, 255, .85)}.g2-elder-dark{position:absolute;left:var(--bx, 0px);top:var(--by, 0px);width:var(--bw, 100vw);height:var(--bh, 100vh);pointer-events:none;background:radial-gradient(circle var(--glow, 50vmax) at var(--hx, 50%) var(--hy, 50%),transparent 5%,rgba(8,10,22,.62) 55%,rgba(2,3,8,.94) 100%),radial-gradient(circle var(--glow, 50vmax) at var(--hx, 50%) var(--hy, 50%),rgba(120,150,255,.14) 0%,transparent 62%);opacity:0;animation:g2-elder-dark 2.8s ease-in-out calc(var(--delay, 0ms) + var(--t0)) both}.g2-elder.black .g2-elder-dark{background:radial-gradient(circle var(--glow, 50vmax) at var(--hx, 50%) var(--hy, 50%),transparent 5%,rgba(14,8,26,.65) 55%,rgba(4,2,10,.95) 100%),radial-gradient(circle var(--glow, 50vmax) at var(--hx, 50%) var(--hy, 50%),rgba(150,110,255,.16) 0%,transparent 62%)}@keyframes g2-elder-dark{0%{opacity:0}16%{opacity:1}74%{opacity:1}to{opacity:0}}.g2-elder-ritual{position:absolute;inset:0}.g2-elder-sigil{position:absolute;left:50%;top:50%;width:300%;height:300%;translate:-50% -50%;color:var(--fx);opacity:0;filter:drop-shadow(0 0 5px var(--fx-soft)) drop-shadow(0 0 18px var(--fx-soft));animation:g2-elder-sigil 2.5s cubic-bezier(.2,.8,.2,1) calc(var(--delay, 0ms) + var(--t0)) both}.g2-elder-sigil svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor}.g2-elder-sigil .e1{stroke-width:1.6}.g2-elder-sigil .e2{stroke-width:1;stroke-dasharray:5 3}.g2-elder-sigil .e3{stroke-width:1.4;stroke-dasharray:2 5}.g2-elder-sigil .e4{stroke-width:1.1}.g2-elder-sigil .e5{stroke-width:.8;stroke-dasharray:3 4}.g2-elder-sigil .e6 path,.g2-elder-sigil .e7 path{stroke-width:.7}.g2-elder-sigil.inner{width:170%;height:170%;animation-name:g2-elder-sigil-inner}@keyframes g2-elder-sigil{0%{opacity:0;scale:.3;rotate:0deg}20%{opacity:1;scale:1}70%{opacity:.95;scale:1.05}to{opacity:0;scale:1.16;rotate:50deg}}@keyframes g2-elder-sigil-inner{0%{opacity:0;scale:.45;rotate:0deg}28%{opacity:1;scale:1}72%{opacity:.9}to{opacity:0;scale:1.2;rotate:-80deg}}.g2-elder-beam{position:absolute;left:50%;bottom:46%;width:52%;height:820%;translate:-50% 0;transform-origin:50% 100%;border-radius:50% 50% 0 0/5% 5% 0 0;background:linear-gradient(to top,var(--fx) 0%,var(--fx-beam) 24%,transparent 90%);filter:blur(2px) drop-shadow(0 0 calc(var(--cell) * .24) var(--fx-soft));opacity:0;animation:g2-elder-beam 2.7s ease-out calc(var(--delay, 0ms) + var(--t0) + .24s) both}.g2-elder-beam:after{content:"";position:absolute;inset:0 34%;border-radius:inherit;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.92) 38%,transparent 100%)}@keyframes g2-elder-beam{0%{opacity:0;scale:.4 0}16%{opacity:.95;scale:1 1}54%{opacity:.8;scale:.9 1}80%{opacity:.45;scale:.3 1}to{opacity:0;scale:.06 1.03}}.g2-elder-glow{position:absolute;left:50%;top:50%;width:380%;height:380%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92) 0%,var(--fx) 18%,var(--fx-soft) 42%,transparent 68%);mix-blend-mode:screen;opacity:0;animation:g2-elder-glow 2.9s ease-out calc(var(--delay, 0ms) + var(--t0)) both}@keyframes g2-elder-glow{0%{opacity:0;scale:.12}38%{opacity:.42;scale:.8}56%{opacity:1;scale:1.05}70%{opacity:.6}to{opacity:0;scale:1.5}}.g2-elder .g2-fx-burst{animation-duration:1.1s;animation-delay:calc(var(--delay, 0ms) + var(--t0) + 1.42s)}.g2-elder .g2-fx-shock{animation-duration:1.25s;animation-delay:calc(var(--delay, 0ms) + var(--t0) + 1.42s)}.g2-elder .g2-fx-shock.late{animation-duration:1.6s;animation-delay:calc(var(--delay, 0ms) + var(--t0) + 1.74s);opacity:0;border-width:calc(var(--cell) * .045)}.g2-elder .g2-fx-sparks i{animation-duration:1.5s;animation-delay:calc(var(--delay, 0ms) + var(--t0) + 1.43s)}.g2-elder .g2-fx-sparks+.g2-fx-sparks i{animation-delay:calc(var(--delay, 0ms) + var(--t0) + 1.7s);animation-duration:1.9s}.g2-fx-gain{position:absolute;left:50%;top:30%;translate:-50% 0;padding:.15em .55em;border-radius:999px;font-size:max(11px,2.2cqw);font-weight:800;white-space:nowrap;color:#e9f6ff;background:#143c6ee0;border:1px solid #8fd0ff;box-shadow:0 0 .8em #5ab4ffcc;opacity:0;animation:g2-gain 1.3s ease-out var(--delay, 0ms) both}@keyframes g2-gain{0%{opacity:0;translate:-50% 20%;scale:.6}15%{opacity:1;scale:1.1}70%{opacity:1;translate:-50% -60%;scale:1}to{opacity:0;translate:-50% -110%}}@keyframes g2-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(var(--s))}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * var(--cell) * -1)) scale(0)}}.g2-fx-card{position:absolute;left:50%;bottom:50%;font-size:calc(var(--cell) / 7);translate:-50% 0;transform-origin:50% 100%;opacity:0;animation:g2-dive .54s cubic-bezier(.5,0,.6,.4) var(--delay, 0ms) both}@keyframes g2-dive{0%{opacity:0;translate:-50% -50%;scale:.85}30%{opacity:1;translate:-50% -72%;scale:1;filter:none}55%{opacity:1;translate:-50% -62%;scale:.96;transform:none}to{opacity:0;translate:-50% 42%;scale:.3;transform:perspective(40em) rotateX(70deg);filter:brightness(2.4)}}.g2-fx-ghost{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0}.g2-fx-ghost.g2-piece{width:80%}.g2-fx-ghost.g2-seal{width:64%;height:86%}.g2-fx-ghost.capture{animation:g2-capture .62s ease-in var(--delay, 0ms) both}@keyframes g2-capture{0%{opacity:1;rotate:0deg}15%{rotate:-10deg}30%{rotate:8deg;scale:1.08;filter:brightness(1.6) sepia(1) saturate(5) hue-rotate(-40deg)}to{opacity:0;rotate:0deg;scale:.35;filter:brightness(2.6) blur(2px)}}.g2-fx-ghost.consume{animation:g2-consume .62s ease-in var(--delay, 0ms) both}@keyframes g2-consume{0%{opacity:1}40%{filter:brightness(1.5) sepia(1) saturate(3) hue-rotate(220deg)}to{opacity:0;scale:.4;translate:-50% -85%;filter:brightness(2) blur(3px)}}.g2-fx-ghost.shatter{animation:g2-shatter .56s ease-out var(--delay, 0ms) both}@keyframes g2-shatter{0%{opacity:1}30%{scale:1.12;filter:brightness(2)}to{opacity:0;scale:1.5;filter:blur(4px) brightness(2.5)}}.g2-fx-ghost.crack{animation:g2-crack .56s ease-in var(--delay, 0ms) both}@keyframes g2-crack{0%{rotate:-7deg}20%{rotate:-2deg;scale:1.04}40%{rotate:-12deg;scale:1.06;filter:brightness(1.5)}60%{rotate:-3deg;scale:1.1;filter:brightness(2.2)}to{opacity:0;scale:1.6;filter:brightness(3) blur(3px)}}.g2-fx-ring{position:absolute;left:50%;top:50%;width:90%;height:90%;translate:-50% -50%;border-radius:50%;border:2px solid #ddd0ff;box-shadow:0 0 10px #b496ffcc;opacity:0;animation:g2-ring .65s ease-out var(--delay, 0ms) both}@keyframes g2-ring{0%{opacity:1;scale:.6}to{opacity:0;scale:1.5}}.g2-fx-spell{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.g2-fx-spell:before{content:"";position:absolute;inset:0;border-radius:1.4cqw;background:radial-gradient(ellipse at center,#0e091ccc,#0e091c99 75%);animation:g2-spelldim 1.25s ease-out both}@keyframes g2-spelldim{0%,to{opacity:0}14%,62%{opacity:1}}.g2-fx-spell>*{grid-area:1 / 1}.g2-fx-rune.g2-fx-spellrune{position:relative;left:auto;top:auto;width:16em;height:16em;translate:none;color:#d9c8ff;filter:drop-shadow(0 0 .25em rgba(170,130,255,.9)) drop-shadow(0 0 .8em rgba(140,100,255,.5));animation:g2-spellrune 1.25s cubic-bezier(.2,.7,.2,1) both}.g2-fx-spell.white .g2-fx-spellrune{color:#ffe2a0;filter:drop-shadow(0 0 .25em rgba(255,200,100,.9)) drop-shadow(0 0 .8em rgba(240,170,70,.5))}@keyframes g2-spellrune{0%{opacity:0;scale:.45;rotate:-70deg}22%{opacity:.95;scale:1}75%{opacity:.8}to{opacity:0;scale:1.12;rotate:45deg}}.g2-fx-spellring{position:relative;width:17em;height:17em;border-radius:50%;background:radial-gradient(circle,rgba(190,160,255,.55),rgba(120,80,230,.22) 40%,transparent 70%);animation:g2-spellring 1.25s ease-out both}.g2-fx-spell.white .g2-fx-spellring{background:radial-gradient(circle,rgba(255,220,150,.5),rgba(220,170,80,.2) 40%,transparent 70%)}@keyframes g2-spellring{0%{opacity:0;scale:.3}25%{opacity:1;scale:1}to{opacity:0;scale:1.4}}.g2-fx-spellcard{animation:g2-spellcard .78s cubic-bezier(.2,.8,.2,1) both}@keyframes g2-spellcard{0%{opacity:0;scale:.4;translate:0 25%;rotate:y -80deg}30%{opacity:1;scale:1.04;translate:0 0;rotate:y 0deg}42%{scale:1}to{opacity:1;scale:1.02}}.g2-fx-spellcard.fade{animation:g2-spellfade .42s ease-in forwards}@keyframes g2-spellfade{to{opacity:0;scale:1.12;filter:blur(6px) brightness(2)}}.g2-fx-flyer{position:fixed;z-index:50;display:grid;place-items:center;pointer-events:none}.g2-fx-banner{--tone: #e8c27a;position:absolute;left:-3%;right:-3%;top:50%;translate:0 -50%;display:flex;justify-content:center;padding:2.4cqw 0;background:linear-gradient(90deg,transparent,rgba(14,11,24,.9) 18%,rgba(14,11,24,.9) 82%,transparent);border-top:1px solid var(--tone);border-bottom:1px solid var(--tone);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);opacity:0;animation:g2-banner 1.6s cubic-bezier(.2,.8,.2,1) var(--delay, 0ms) both}.g2-fx-banner.check{--tone: #ff6b5a}.g2-fx-banner.win{--tone: #ffd77a}.g2-fx-banner.lose{--tone: #a59ac4}.g2-fx-banner.draw{--tone: #b8c4d8}.g2-fx-banner.mana{--tone: #8fd0ff}#game2.g2-pausing :is(.g2-detail,.g2-side,.g2-statusblock,.g2-hand,.g2-player,.g2-piles){animation:g2-dim 2.3s ease both}@keyframes g2-dim{0%,to{opacity:1}15%,85%{opacity:.4}}.g2-fx-banner.win,.g2-fx-banner.lose,.g2-fx-banner.draw{animation-duration:3.4s}.g2-fx-banner-text{display:flex;flex-direction:column;align-items:center;gap:.6cqw}.g2-fx-banner b{font-family:var(--card-font);font-size:7cqw;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--tone);text-shadow:0 0 2cqw var(--tone),0 .3cqw 0 #000;animation:g2-banner-text .9s cubic-bezier(.2,.8,.2,1) var(--delay, 0ms) backwards}.g2-fx-banner span{font-size:max(11px,2.4cqw);letter-spacing:.06em;color:#ebe6f8}@keyframes g2-banner{0%{opacity:0;scale:1 .2}12%{opacity:1;scale:1 1}82%{opacity:1}to{opacity:0;scale:1.03 1}}@keyframes g2-banner-text{0%{letter-spacing:.5em;opacity:0}}@media(prefers-reduced-motion:reduce){.g2-fx,.g2-fx-overlay{display:none}.g2-piece,.g2-seal,.g2-card,.g2-cell,.g2-cell:before,.g2-cell:after,.g2-inspect-card,.g2-inspect-info,.g2-move-board .mark,.g2-move-board .hop,.g2-inspect.empty .g2-back{animation:none!important;transition:none!important}}@media(min-width:1200px){.g2-detail{display:flex;flex-direction:column;flex:0 0 var(--detail-w);width:var(--detail-w);min-height:0;padding-top:50px;overflow-y:auto;scrollbar-width:thin}}.g2-boardbox>.g2-inspect{position:absolute;left:50%;z-index:6;width:min(calc(100% - 20px),540px);max-height:calc(100% - 20px);overflow:hidden;translate:-50% 0;grid-template-columns:36% minmax(0,1fr);cursor:pointer}.g2-boardbox>.g2-inspect .g2-inspect-card{font-size:3.5cqw}.g2-boardbox>.g2-inspect .g2-move-board{width:min(100%,40cqw)}.g2-boardbox>.g2-inspect.at-top{top:10px}.g2-boardbox>.g2-inspect.at-bottom{bottom:10px}@media(max-width:899px){#game2{position:fixed;inset:0;flex-direction:column;align-items:stretch;height:auto;min-height:0;gap:6px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));overflow:hidden}.g2-main{flex:1 1 auto;min-height:0;max-width:none;gap:6px}.g2-boardwrap{flex:1 1 0;min-height:0;justify-content:flex-end;gap:4px;container-type:size}.g2-boardbox,.g2-player{width:min(100cqw,calc(100cqh - 68px))}.g2-boardwrap:has(>.g2-boardbox>.g2-board.three)>:is(.g2-boardbox,.g2-player){width:min(100cqw,calc((100cqh - 68px)*1.13))}.g2-board{padding:1.6cqw;border-radius:1.6cqw}.g2-board:before{inset:calc(1.6cqw - 2px)}.g2-board:after{inset:1.6cqw}.g2-player{flex:none;min-width:0;height:30px;flex-wrap:nowrap;overflow:hidden;padding:0 8px;border-radius:9px;font-size:13px;white-space:nowrap}.g2-stats{gap:5px;font-size:11px}.g2-who .dot{width:20px;height:20px}.g2-who .dot:after{font-size:12px}.g2-who{min-width:0}.g2-who .pname{overflow:hidden;text-overflow:ellipsis;font-size:14px}.g2-player .g2-stats{flex:none}.g2-count{padding:1px 6px}.g2-pile{padding:1px 6px 1px 3px}.g2-mana{padding:1px 7px 1px 5px}.g2-mana-word,.g2-backs{display:none}.g2-boardbox>.g2-inspect{width:calc(100% - 12px);padding:8px;column-gap:8px;border-radius:12px;grid-template-columns:38% minmax(0,1fr)}.g2-boardbox>.g2-inspect .g2-inspect-card{font-size:3.6cqw}.g2-boardbox>.g2-inspect .g2-move-board{width:min(100%,36cqw)}.g2-inspect-info{gap:5px}.g2-inspect-title{font-size:15px}.g2-chip{padding:1px 6px;font-size:10.5px}.g2-inspect-close{width:26px;height:26px;font-size:16px}.g2-move-legend{gap:2px;font-size:10.5px}.g2-move-key{width:12px;height:12px}.g2-inspect-note,.g2-inspect-spell{font-size:11px}.g2-hand{order:2;position:relative;flex:none}.g2-statusblock{order:3;flex:none;flex-direction:row;align-items:center;gap:6px;width:100%}.g2-handlabel{margin-bottom:0;font-size:10px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g2-dropnote{position:absolute;left:0;right:0;bottom:100%;z-index:5}.g2-handrow{--card-w: 64px;container-type:normal;justify-content:flex-start;align-items:flex-end;gap:7px;min-height:0;padding:12px 8px 4px 6px;overflow-x:auto;scrollbar-width:none}@media(min-height:720px){.g2-handrow{--card-w: 84px}}@media(min-height:800px){.g2-handrow{--card-w: 92px}}@media(min-height:1000px){.g2-handrow{--card-w: 108px}}.g2-handrow::-webkit-scrollbar{display:none}.g2-card{margin:0;rotate:none;translate:none;transform:none;filter:saturate(.55) brightness(.75)}.g2-card:first-child{margin-left:0}.g2-card:hover,.g2-card.inspected{translate:none;rotate:none;scale:none}.g2-card .g2-frame-type,.g2-card .g2-frame-text,.g2-card .g2-frame-shine{display:none}.g2-card .g2-frame-inner{display:block}.g2-card .g2-frame-art{position:absolute;inset:0;height:auto}.g2-card .g2-frame-glyph{font-size:4.6em;translate:0 -22%}.g2-card .g2-frame-name{position:absolute;left:0;right:0;bottom:0;z-index:1;height:auto;min-height:3em;align-items:flex-end;justify-content:center;padding:.3em .3em .45em;border:0;background:linear-gradient(180deg,transparent,rgba(8,6,12,.9) 45%);box-shadow:inset 0 -.42em 0 var(--line, transparent)}.g2-card .g2-frame-name span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.45em;line-height:1.05;white-space:normal;text-align:center}.g2-card .g2-frame-cost{top:-.7em;left:-.7em;width:3.6em;height:3.6em}.g2-card .g2-frame-cost b{font-size:1.75em}.g2-card .g2-frame-timer{top:-.55em;right:-.55em;bottom:auto;font-size:1.45em}.g2-card.g2-drag-ghost .g2-frame-name{min-height:0}.g2-status{flex:1;min-width:0;padding:6px 8px;font-size:12.5px;line-height:1.3;text-align:left}.g2-end{flex:none;width:auto;padding:10px 14px;font-size:14px;white-space:nowrap}.g2-menu{display:block;flex:none;width:42px;padding:9px 0;font-size:18px;line-height:1}.g2-side{position:fixed;left:0;right:0;bottom:0;z-index:30;width:auto;flex:none;max-height:82vh;max-height:82dvh;overflow-y:auto;padding:10px 12px calc(16px + env(safe-area-inset-bottom));background:var(--panel);border-top:2px solid #3a3a52;border-radius:18px 18px 0 0;box-shadow:0 -20px 50px #0009;transform:translateY(110%);transition:transform .22s ease}.g2-side.open{transform:none}.g2-sheet-close{display:block;align-self:flex-end;width:auto;padding:6px 14px}.g2-sheet-shade:not(.hidden){display:block;position:fixed;inset:0;z-index:29;background:#00000073}.g2-log{max-height:30vh}.g2-statusblock{position:relative}.g2-chat-btn{display:grid;place-items:center;position:relative;flex:none;width:42px;padding:8px 0}.g2-chat-btn svg{width:22px;height:22px}.g2-nav{flex:none;gap:4px}.g2-nav-btn{width:34px;height:38px}.g2-nav .first,.g2-nav .live,.g2-nav-count{display:none}.g2-chat-badge{position:absolute;top:-7px;right:-6px;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:800;line-height:19px;text-align:center;color:#fff;background:#e5484d;border-radius:10px;box-shadow:0 0 0 2px var(--bg)}.g2-chat-peek:not(.hidden){display:flex;align-items:baseline;gap:6px;position:absolute;right:0;bottom:calc(100% + 8px);z-index:12;max-width:min(88vw,340px);padding:8px 12px;font-size:13.5px;font-weight:400;text-align:left;background:#302d47;border:1px solid rgba(150,130,220,.45);border-radius:14px 14px 4px;box-shadow:0 10px 26px #0000008c;animation:chat-in .2s ease-out}.g2-chat-peek b{flex:none;color:var(--accent)}.g2-chat-peek span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.g2-chat-slot{position:fixed;left:0;right:0;bottom:var(--kb, 0px);z-index:31;display:flex;height:min(74dvh,620px);max-height:calc(var(--vvh, 100dvh) - 8px);visibility:hidden;transform:translateY(calc(100% + 30px));transition:transform .22s ease,visibility 0s linear .22s}.g2-chat-slot.open{visibility:visible;transform:none;transition:transform .22s ease}.g2-chat-slot>#chat{position:static;flex:1;height:auto;max-height:none;margin:0;padding:0 0 env(safe-area-inset-bottom);overflow:visible;background:linear-gradient(180deg,#26223afc,#161421fc);border:1px solid rgba(150,130,220,.38);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -20px 50px #0009;transform:none;transition:none;z-index:auto}.g2-chat-slot .chat-close{display:grid}.g2-chat-slot .chat-pop{top:6px;height:auto}}#binder{position:relative;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;background:radial-gradient(ellipse 70% 45% at 50% -8%,rgba(124,92,255,.24),transparent 70%),radial-gradient(ellipse 50% 40% at 100% 105%,rgba(212,162,76,.12),transparent 70%),#0f0e17}.bd-aurora{position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(28% 24% at 18% 32%,rgba(167,123,255,.16),transparent 70%),radial-gradient(24% 30% at 82% 22%,rgba(232,184,74,.1),transparent 70%),radial-gradient(30% 24% at 60% 82%,rgba(70,201,111,.08),transparent 70%);animation:bd-drift 32s ease-in-out infinite alternate}@keyframes bd-drift{to{transform:translate(4%,-3%) rotate(8deg) scale(1.1)}}.bd{--bd-card: clamp(11px, 1.15vw, 16px);position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 28px 110px}.bd-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 0 26px}.bd-back{justify-self:start}.bd-title{margin:0;font-family:"Cinzel",var(--card-font);font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1;letter-spacing:.1em;color:transparent;background:linear-gradient(180deg,#fff6dc,#f0cf86 48%,#b98a3e);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 22px rgba(212,162,76,.38))}.bd-face{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:6;display:flex;gap:2px;padding:5px;translate:-50% 0;border-radius:999px;background:#161422d1;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px #0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:bd-fade .4s ease .5s backwards}.bd-face-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;transition:background .2s ease,color .2s ease}.bd-face-btn:hover{filter:none;color:var(--text)}.bd-face-btn i{width:16px;height:16px;flex:none;border-radius:50%}.bd-face-btn.white i{background:radial-gradient(circle at 35% 30%,#fff,#d9ccb0);box-shadow:0 0 0 2px #c99d50}.bd-face-btn.black i{background:radial-gradient(circle at 35% 30%,#6c618f,#120f1a);box-shadow:0 0 0 2px #a796de}.bd-face-btn.on{background:#ffffff1a;color:var(--text)}.bd-face-btn.white.on i{box-shadow:0 0 0 2px #e8c27a,0 0 12px #e8c27ad9}.bd-face-btn.black.on i{box-shadow:0 0 0 2px #c8b8ff,0 0 12px #a796dee6}.bd-body{display:flex;flex-direction:column;gap:22px}.bd-band{position:relative;isolation:isolate;overflow:hidden;padding:16px 22px 24px;border-radius:20px;background:linear-gradient(100deg,color-mix(in srgb,var(--line) 15%,transparent),transparent 55%),linear-gradient(180deg,#1e1b2cdb,#100e18eb);border:1px solid color-mix(in srgb,var(--line) 32%,transparent);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff0d;animation:bd-rise .6s cubic-bezier(.2,.8,.2,1) calc(var(--b, 0) * 80ms) backwards}.bd-band:before{content:"";position:absolute;z-index:-2;top:-40%;bottom:-40%;left:-12%;width:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--line) 22%,transparent),transparent);pointer-events:none}.bd-spells{--line: #a77bff;--line-hi: #dccaff;--line-lo: #47238f;--line-ink: #fdfaff;container-type:inline-size}.bd-band-glow{position:absolute;z-index:-1;top:50%;right:0;width:min(46%,440px);aspect-ratio:1;translate:12% -50%;background:var(--art) center / contain no-repeat;image-rendering:pixelated;opacity:.18;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent);mask-image:radial-gradient(closest-side,#000 35%,transparent);pointer-events:none;transition:opacity .4s ease}.bd-band:hover .bd-band-glow{opacity:.28}.bd-band-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.bd-band-glyph{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;font-family:Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:21px;line-height:1;color:var(--line-ink);background:radial-gradient(circle at 35% 30%,var(--line-hi),var(--line) 55%,var(--line-lo));box-shadow:0 0 0 2px #00000073,0 0 20px color-mix(in srgb,var(--line) 60%,transparent)}.bd-band-head h2{margin:0;font-family:"Cinzel",var(--card-font);font-size:22px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--line-hi);text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 18px color-mix(in srgb,var(--line) 50%,transparent)}.bd-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:var(--bd-card)}.bd-spells .bd-row{font-size:max(10px,min(var(--bd-card),calc((100cqw - 98px)/80)))}.bd-singles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.bd-card{position:relative;flex:none;padding:0;border:0;border-radius:.72em;background:none;color:inherit;font-size:inherit;perspective:60em;-webkit-tap-highlight-color:transparent;animation:bd-deal .55s cubic-bezier(.2,.8,.2,1) calc(var(--i, 0) * 32ms + .14s) backwards}.bd-card:hover{filter:none}.bd-card:focus-visible{outline:2px solid var(--line-hi, #e8c27a);outline-offset:4px}.bd-frame{transform:perspective(60em) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .1s linear,translate .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,opacity .15s ease}.bd-card:hover .bd-frame,.bd-card:focus-visible .bd-frame{translate:0 -.5em;box-shadow:0 0 0 .06em var(--edge),0 1.4em 2em #0009,0 0 1.6em color-mix(in srgb,var(--line, #e8c27a) 75%,transparent)}.bd-card:hover .g2-frame-shine,.bd-stage:hover .g2-frame-shine{opacity:1}.bd-card.away .bd-frame,.bd-card.away .bd-copies{opacity:0}.bd-copies{position:absolute;left:-.45em;bottom:-.45em;z-index:4;padding:.2em .6em;border-radius:999px;font-family:"Cinzel",var(--card-font);font-size:.95em;font-weight:700;line-height:1.1;color:#2b1d05;background:linear-gradient(180deg,#ffe7a3,#d4a24c);box-shadow:0 0 0 .12em #2e200c,0 .3em .6em #00000080;pointer-events:none;transition:opacity .15s ease}.bd-link{position:relative;flex:none;width:2.6em;height:.42em;margin-right:.35em;border-radius:999px;background:linear-gradient(90deg,transparent 0 30%,var(--line-hi) 50%,transparent 70% 100%) 0 0 / 250% 100% no-repeat,color-mix(in srgb,var(--line) 40%,transparent);box-shadow:0 0 .8em color-mix(in srgb,var(--line) 55%,transparent);animation:bd-flow 1.9s linear infinite}.bd-link:after{content:"";position:absolute;top:50%;right:-.32em;width:.85em;height:.85em;border-top:.24em solid var(--line-hi);border-right:.24em solid var(--line-hi);border-radius:.1em;translate:0 -50%;rotate:45deg;filter:drop-shadow(0 0 .3em var(--line))}@keyframes bd-flow{0%{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}.bd-fork{display:flex;align-items:center;gap:.9em}.bd-or{font-family:"Cinzel",var(--card-font);font-size:1.15em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--line-hi);opacity:.75}.bd-sep{flex:none;align-self:stretch;width:1px;margin:.6em .8em;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--line) 60%,transparent),transparent)}@keyframes bd-rise{0%{opacity:0;translate:0 24px}}@keyframes bd-deal{0%{opacity:0;translate:0 2.4em;rotate:-4deg;scale:.9}}.bd-zoom{position:fixed;inset:0;z-index:50;display:flex;overflow:hidden auto;overscroll-behavior:contain}.bd-zoom-shade{position:fixed;inset:0;background:radial-gradient(ellipse at 40% 50%,#221842cc,#05040af0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:bd-fade .3s ease backwards;transition:opacity .3s ease}.bd-zoom-body{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,80px);margin:auto;padding:32px 96px;pointer-events:none}.bd-zoom-body>*{pointer-events:auto}:where(.bd-stage,.bd-info){--line: #a77bff;--line-hi: #dccaff;--line-lo: #47238f}.bd-stage{position:relative;isolation:isolate;flex:none;font-size:clamp(18px,min(2.9vw,4.3vh),34px);cursor:pointer;-webkit-tap-highlight-color:transparent}.bd-stage:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:230%;aspect-ratio:1;translate:-50% -50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--line) 50%,transparent),transparent 72%),repeating-conic-gradient(color-mix(in srgb,var(--line-hi) 16%,transparent) 0deg 5deg,transparent 5deg 20deg);-webkit-mask-image:radial-gradient(closest-side,#000 25%,transparent 80%);mask-image:radial-gradient(closest-side,#000 25%,transparent 80%);animation:g2-spin 70s linear infinite;pointer-events:none}.bd-tilt{transform:perspective(70em) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;transition:transform .1s linear}.bd-flip{position:relative;width:10em;height:14em;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,.7,.2,1)}.bd-flip.flipped{transform:rotateY(180deg)}.bd-front,.bd-backface{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bd-backface{transform:rotateY(180deg)}.bd-zoom-frame{box-shadow:0 0 0 .06em var(--edge),0 1.6em 3em #000000b3,0 0 2.6em color-mix(in srgb,var(--line, #e8c27a) 45%,transparent)}.bd-info{display:flex;flex-direction:column;gap:16px;width:min(360px,32vw);color:#d9d5ea}.bd-info>*{animation:bd-in .45s cubic-bezier(.2,.8,.2,1) calc(var(--k, 0) * 70ms + 90ms) backwards}@keyframes bd-in{0%{opacity:0;translate:18px 0}}.bd-name{margin:0;font-family:"Cinzel",var(--card-font);font-size:clamp(26px,2.6vw,38px);font-weight:700;line-height:1.08;letter-spacing:.04em;color:var(--line-hi);text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 26px color-mix(in srgb,var(--line) 60%,transparent)}.bd-info .g2-move-board{width:min(100%,230px)}.bd-info .g2-move-board .mark{animation:g2-mark-in .34s cubic-bezier(.2,.9,.3,1.5) .3s backwards}.bd-info .g2-move-board .hop{animation:g2-hop-in .5s .4s ease-out backwards}.bd-detail{margin:0;font-family:"Alegreya",var(--card-font);font-size:17px;line-height:1.42;color:#efe6ff}.bd-chain{display:flex;align-items:center;gap:8px}.bd-chain-level{display:flex;gap:6px}.bd-chain-arrow{font-size:22px;line-height:1;color:var(--line-hi);opacity:.6}.bd-thumb{position:relative;width:54px;height:54px;padding:0;border-radius:12px;border:2px solid color-mix(in srgb,var(--line) 40%,transparent);background:#15131f center / cover no-repeat;image-rendering:pixelated;opacity:.5;transition:opacity .2s ease,translate .2s ease,border-color .2s ease,box-shadow .2s ease}.bd-thumb:hover{filter:none;opacity:.9;translate:0 -2px}.bd-thumb.on{opacity:1;border-color:var(--line-hi);box-shadow:0 0 0 2px #00000080,0 0 18px color-mix(in srgb,var(--line) 70%,transparent)}.bd-thumb b{position:absolute;right:4px;bottom:1px;font-family:"Cinzel",var(--card-font);font-size:11px;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.bd-nav,.bd-close{position:absolute;z-index:2;display:grid;place-items:center;padding:0;border-radius:50%;color:#f5e3b3;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);line-height:1;animation:bd-fade .3s ease .15s backwards;transition:background .2s ease,scale .2s ease,opacity .18s ease}.bd-nav:hover,.bd-close:hover{filter:none;background:#ffffff24;scale:1.08}.bd-nav{position:fixed;top:50%;width:54px;height:54px;padding-bottom:5px;font-size:36px;translate:0 -50%}.bd-nav.prev{left:max(16px,2.5vw)}.bd-nav.next{right:max(16px,2.5vw)}.bd-close{position:fixed;top:18px;right:18px;width:44px;height:44px;padding-bottom:3px;font-size:28px}.bd-zoom.closing .bd-zoom-shade,.bd-zoom.closing .bd-info,.bd-zoom.closing .bd-nav,.bd-zoom.closing .bd-close{opacity:0;pointer-events:none}.bd-zoom.closing .bd-info{transition:opacity .18s ease}@keyframes bd-fade{0%{opacity:0}}@media(max-width:899px){.bd{--bd-card: 10px;padding:0 12px 96px}.bd-head{gap:8px;padding:10px 0 16px}.bd-back{padding:8px 12px;font-size:14px}.bd-title{font-size:26px}.bd-body{gap:14px}.bd-band{padding:12px 0 6px;border-radius:16px}.bd-band-head{margin:0 14px 6px}.bd-band-glyph{width:30px;height:30px;font-size:17px}.bd-band-head h2{font-size:17px}.bd-row,.bd-spells .bd-row{flex-wrap:nowrap;gap:10px;padding:10px 14px 16px;overflow-x:auto;scrollbar-width:none;font-size:var(--bd-card)}.bd-row::-webkit-scrollbar{display:none}.bd-singles{grid-template-columns:1fr 1fr;gap:12px}.bd-band-glow{width:70%}.bd-zoom-body{flex-direction:column;gap:22px;padding:64px 18px 36px}.bd-stage{font-size:min(5.4vw,3.4vh)}.bd-info{width:min(100%,420px);align-items:center;text-align:center}.bd-info .g2-move{align-items:center}.bd-name{font-size:26px}.bd-detail{font-size:15.5px}.bd-nav{top:calc(64px + min(5.4vw,3.4vh)*7);width:42px;height:42px;font-size:28px}.bd-nav.prev{left:8px}.bd-nav.next{right:8px}.bd-close{top:12px;right:12px}}@media(prefers-reduced-motion:reduce){.bd-aurora,.bd-band,.bd-card,.bd-link,.bd-stage:before,.bd-info>*,.bd-info .g2-move-board .mark,.bd-info .g2-move-board .hop,.bd-zoom-shade,.bd-nav,.bd-close{animation:none!important}.bd-flip,.bd-frame{transition:none}}.g2-lib{display:flex;flex-direction:column;gap:10px}.g2-lib-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.g2-lib-sides{display:flex;gap:5px;padding:3px;border-radius:999px;background:#0000004d;border:1px solid rgba(255,255,255,.08)}.g2-lib-side{width:22px;height:22px;padding:0;border:0;border-radius:50%;opacity:.4;transition:opacity .2s ease,scale .2s ease,box-shadow .2s ease}.g2-lib-side:hover{filter:none;opacity:.75}.g2-lib-side.white{background:radial-gradient(circle at 35% 30%,#fff,#d9ccb0);box-shadow:0 0 0 2px #c99d50}.g2-lib-side.black{background:radial-gradient(circle at 35% 30%,#6c618f,#120f1a);box-shadow:0 0 0 2px #a796de}.g2-lib-side.on{opacity:1;scale:1.1}.g2-lib-side.white.on{box-shadow:0 0 0 2px #e8c27a,0 0 12px #e8c27ad9}.g2-lib-side.black.on{box-shadow:0 0 0 2px #c8b8ff,0 0 12px #a796dee6}.g2-lib-tools{display:flex;gap:4px}.g2-lib-tool{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;font-size:12px;font-weight:700}.g2-lib-tool svg{width:15px;height:15px;flex:none}.g2-lib-tool.reset:hover{filter:none;color:#ffc2b8;border-color:#ff7864a6}.g2-lib-grid{display:flex;flex-direction:column;gap:6px}.g2-lib-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.g2-lib-row:not(:has(.spell))+.g2-lib-row:has(.spell){margin-top:4px;padding-top:10px;border-top:1px solid rgba(167,123,255,.25)}.g2-lib-tile{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border:0;border-radius:10px;background:#15131f;box-shadow:0 3px 8px #00000073;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:translate .15s ease,scale .15s ease,box-shadow .15s ease,opacity .2s ease,filter .2s ease}.g2-lib-tile.spell{--line: #a77bff;--line-hi: #dccaff}.g2-lib-tile:before,.g2-lib-tile:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none}.g2-lib-tile:before{background:linear-gradient(180deg,transparent 55%,rgba(8,6,12,.75))}.g2-lib-tile:after{z-index:2;box-shadow:inset 0 0 0 2px var(--line, #8f8ca6),inset 0 0 10px color-mix(in srgb,var(--line, #8f8ca6) 45%,transparent)}.g2-lib-art{position:absolute;inset:0;display:grid;place-items:center;background:center / cover no-repeat;image-rendering:pixelated;font-family:"Cinzel",var(--card-font);font-size:22px;font-weight:700;color:var(--line-hi, #fff);transition:scale .25s ease}.g2-lib-cost{position:absolute;top:3px;left:3px;z-index:3;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:11px;font-weight:800;line-height:1;color:#fff;background:radial-gradient(circle at 30% 25%,#9ad4ff,#2a74d0 60%,#143a7a);box-shadow:0 0 0 1.5px #0b1d3d,0 0 6px #5ab4ffb3}.g2-lib-level{position:absolute;right:5px;bottom:2px;z-index:3;font-family:"Cinzel",var(--card-font);font-size:10px;font-weight:700;color:var(--line-hi, #fff);text-shadow:0 1px 2px #000}.g2-lib-tile:hover{filter:none;translate:0 -2px;box-shadow:0 6px 14px #00000080,0 0 14px color-mix(in srgb,var(--line, #8f8ca6) 60%,transparent)}.g2-lib-tile:hover .g2-lib-art{scale:1.1}.g2-lib-tile:active{translate:none;scale:.95}.g2-lib-tile:focus-visible{outline:2px solid var(--line-hi, #fff);outline-offset:2px}.g2-lib-tile.lifted{opacity:.3;filter:grayscale(.8)}.g2-lib-hint{font-size:11.5px;color:var(--muted);text-align:center}.g2-card.g2-drag-ghost.g2-lib-ghost{font-size:12px}.g2-cell.grab{cursor:grab;touch-action:none}.g2-cell.arena-over{box-shadow:inset 0 0 0 3px #ffffffd9,inset 0 0 2.6cqw #e8c27ab3}.g2-cell.lib-drop{box-shadow:inset 0 0 0 4px #fff,inset 0 0 3.4cqw #a0ffc8f2}.g2-cell.lib-drop:after{content:"";position:absolute;z-index:2;inset:3%;border-radius:50%;border:3px dashed rgba(255,255,255,.95);box-shadow:0 0 2cqw #a0ffc8e6;pointer-events:none;animation:g2-spin 1.8s linear infinite}.g2-player.lib-drop{border-color:#9ff0c0;box-shadow:0 0 0 2px #6ef0a080,0 0 26px #6ef0a073,0 6px 18px #00000059}.g2-pile.lib-drop{outline:2px solid #c8b8ff;outline-offset:2px;box-shadow:0 0 16px #a77bffd9}.g2-hand.lib-drop .g2-handrow{border-radius:14px;background:#6ef0a00f;box-shadow:inset 0 0 0 2px #6ef0a0b3,0 0 24px #6ef0a059}.g2-piece.g2-piece-ghost.off{opacity:.65;filter:grayscale(.6) drop-shadow(0 0 .35em rgba(255,80,70,.95))}.g2-piece.g2-piece-ghost.poof{opacity:0;scale:1.7;filter:blur(4px) brightness(2);transition:opacity .3s ease,scale .3s ease,filter .3s ease}.g2-arena .g2-mana{padding:2px 3px}.g2-mana-step{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid rgba(120,200,255,.55);background:#286ec859;color:#e3f3ff;font-size:14px;font-weight:800;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none}.g2-mana-step:hover{filter:none;background:#4696f099}.g2-mana-step:active{scale:.88}.g2-inspect-action.remove{border:1px solid rgba(255,110,100,.8);background:linear-gradient(180deg,#6e1d1a,#3a0f0d);color:#ffd9d4}@media(max-width:899px){.g2-lib{order:4;flex:none;flex-direction:row;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:10px}.g2-lib-head{flex:none;flex-direction:column;gap:6px}.g2-lib-tools{gap:3px}.g2-lib-tool{padding:5px 6px}.g2-lib-tool span,.g2-lib-hint{display:none}.g2-lib-grid{flex:1;flex-direction:row;min-width:0;padding:4px 2px 2px;overflow-x:auto;scrollbar-width:none}.g2-lib-grid::-webkit-scrollbar{display:none}.g2-lib-row{display:contents}.g2-lib-tile{flex:none;width:54px;touch-action:pan-x}.g2-card.g2-drag-ghost.g2-lib-ghost{font-size:8px}.g2-mana-step{width:18px;height:18px;font-size:13px}}@media(prefers-reduced-motion:reduce){.g2-cell.lib-drop:after{animation:none}.g2-lib-tile,.g2-lib-art{transition:none}}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff")}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-400-normal-BLlBRtDv.woff2) format("woff2"),url(/assets/alegreya-latin-400-normal-BuQWlRPA.woff) format("woff")}@font-face{font-family:Alegreya;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-400-italic-BXpar-rJ.woff2) format("woff2"),url(/assets/alegreya-latin-400-italic-CJvUQvZT.woff) format("woff")}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-latin-700-normal-Vpz_43wJ.woff2) format("woff2"),url(/assets/alegreya-latin-700-normal-BS7r-qZs.woff) format("woff")}