:root{--serif: "Palatino Linotype", Palatino, "Book Antiqua", "Iowan Old Style", Georgia, serif;--sans: "Segoe UI", system-ui, sans-serif;--text: #eef1f6;--text-dim: rgba(238, 241, 246, .68);--text-faint: rgba(238, 241, 246, .45);--glass: rgba(13, 17, 26, .58);--glass-strong: rgba(9, 12, 19, .76);--glass-soft: rgba(22, 28, 40, .4);--edge: rgba(255, 255, 255, .16);--edge-soft: rgba(255, 255, 255, .08);--gold: #e8c454;--accent: #9fc2e8;--accent-ink: #0c141f;--glow: rgba(159, 194, 232, .45);--scene: radial-gradient(55% 45% at 12% -5%, rgba(120, 200, 255, .14), transparent 65%), radial-gradient(55% 45% at 88% -5%, rgba(180, 140, 255, .13), transparent 65%), radial-gradient(90% 50% at 50% 115%, rgba(60, 90, 130, .25), transparent 65%), linear-gradient(180deg, #151b28 0%, #0e1420 55%, #0a0e17 100%)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ember{0%,to{opacity:.5;transform:scale(.88)}50%{opacity:1;transform:scale(1.14)}}@keyframes drift{0%,to{opacity:.08;transform:translateY(0)}50%{opacity:.3;transform:translateY(-5px)}}@keyframes pulseRing{0%,to{box-shadow:0 1px 4px #0000008c,0 0 8px #78beff80,0 0 #96e07d99}50%{box-shadow:0 1px 4px #0000008c,0 0 8px #78beff80,0 0 0 5px #96e07d00}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}[data-region=naroom]{--accent: #96e07d;--accent-ink: #0f2409;--glow: rgba(150, 224, 125, .5);--scene: radial-gradient(55% 60% at 26% -10%, rgba(228, 255, 170, .38), transparent 60%), radial-gradient(45% 55% at 72% -6%, rgba(150, 232, 118, .26), transparent 65%), radial-gradient(30% 45% at 50% 0%, rgba(255, 250, 200, .18), transparent 70%), radial-gradient(130% 55% at 50% 118%, rgba(50, 36, 18, .9), transparent 62%), linear-gradient(180deg, #2f5522 0%, #1f421a 45%, #122a10 100%)}[data-region=cald]{--accent: #ff9250;--accent-ink: #2b0d02;--glow: rgba(255, 146, 80, .5);--scene: radial-gradient(60% 38% at 50% 110%, rgba(255, 140, 40, .75), transparent 65%), radial-gradient(32% 22% at 18% 98%, rgba(255, 84, 24, .5), transparent 70%), radial-gradient(40% 26% at 82% 102%, rgba(255, 60, 0, .42), transparent 70%), radial-gradient(60% 45% at 50% -10%, rgba(70, 60, 62, .5), transparent 65%), linear-gradient(180deg, #1b1012 0%, #381412 45%, #641c0c 82%, #8a2a06 100%)}[data-region=orothe]{--accent: #6fe3c8;--accent-ink: #04241c;--glow: rgba(111, 227, 200, .5);--scene: radial-gradient(70% 50% at 50% -12%, rgba(160, 255, 232, .32), transparent 60%), radial-gradient(24% 60% at 30% -5%, rgba(210, 255, 245, .16), transparent 70%), radial-gradient(20% 55% at 62% -5%, rgba(210, 255, 245, .12), transparent 70%), radial-gradient(38% 26% at 14% 102%, rgba(255, 140, 130, .16), transparent 70%), radial-gradient(45% 30% at 80% 104%, rgba(90, 220, 190, .2), transparent 70%), linear-gradient(180deg, #0d3f5c 0%, #082c49 50%, #041a30 100%)}[data-region=underneath]{--accent: #c79bff;--accent-ink: #200e38;--glow: rgba(199, 155, 255, .5);--scene: radial-gradient(22% 16% at 16% 80%, rgba(150, 120, 255, .5), transparent 70%), radial-gradient(16% 12% at 76% 86%, rgba(90, 220, 255, .42), transparent 70%), radial-gradient(12% 9% at 52% 94%, rgba(255, 110, 230, .38), transparent 70%), radial-gradient(60% 40% at 50% -10%, rgba(40, 24, 70, .85), transparent 70%), linear-gradient(180deg, #170f2c 0%, #221440 55%, #100a20 100%)}[data-region=arderial]{--accent: #cfe9ff;--accent-ink: #0d2b4a;--glow: rgba(207, 233, 255, .55);--scene: radial-gradient(55% 32% at 22% 12%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 65%), radial-gradient(45% 26% at 74% 24%, rgba(255, 255, 255, .55), transparent 68%), radial-gradient(60% 30% at 45% 44%, rgba(255, 255, 255, .3), transparent 70%), radial-gradient(120% 70% at 50% 115%, rgba(28, 62, 120, .65), transparent 65%), linear-gradient(180deg, #86c6f2 0%, #4e8fd4 50%, #2b5da6 100%)}[data-region=universal]{--accent: #ffd982;--accent-ink: #33230a;--glow: rgba(255, 217, 130, .5);--scene: radial-gradient(60% 40% at 50% -8%, rgba(255, 225, 150, .32), transparent 60%), radial-gradient(30% 22% at 20% 100%, rgba(255, 200, 120, .14), transparent 70%), radial-gradient(30% 22% at 80% 100%, rgba(200, 160, 255, .14), transparent 70%), linear-gradient(180deg, #2e2540 0%, #3a2c4c 50%, #221a30 100%)}[data-region=core]{--accent: #c9a0ff;--accent-ink: #1c0f2e;--glow: rgba(160, 100, 255, .45);--scene: radial-gradient(55% 34% at 50% -6%, rgba(150, 90, 230, .3), transparent 62%), radial-gradient(40% 26% at 18% 96%, rgba(90, 40, 150, .25), transparent 70%), radial-gradient(40% 26% at 82% 96%, rgba(60, 20, 110, .25), transparent 70%), linear-gradient(180deg, #17101f 0%, #100a18 55%, #060409 100%)}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--text);background:var(--scene) #0a0e17;background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,.cardname,.seathead strong,.bftitle,.handlabel,.turnbox{font-family:var(--serif);letter-spacing:.4px}button{font:inherit;font-weight:600;touch-action:manipulation;color:var(--text);background:linear-gradient(180deg,#ffffff24,#ffffff08 55%),#10152099;border:1px solid var(--edge);border-radius:9px;padding:4px 12px;cursor:pointer;box-shadow:inset 0 1px #ffffff29,0 2px 6px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .18s ease,box-shadow .18s ease}button:hover:not(:disabled){border-color:var(--accent);box-shadow:inset 0 1px #ffffff29,0 0 10px var(--glow)}button:disabled{opacity:.4;cursor:default}button.danger{background:linear-gradient(180deg,#ff786433,#781e1440),#140c0c99;border-color:#ff826e73;color:#ffd9d2}input,select{font:inherit;background:#090d159e;color:var(--text);border:1px solid var(--edge);border-radius:8px;padding:4px 8px}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px var(--glow)}select option{background:#131926}.center{position:relative;max-width:480px;margin:8vh auto;display:flex;flex-direction:column;gap:12px;padding:24px 28px;background:var(--glass);border:1px solid var(--edge);border-radius:16px;box-shadow:inset 0 1px #ffffff24,0 12px 40px #0000008c;-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);color:var(--text)}.center h1{color:var(--accent);margin:0 0 4px;text-align:center;letter-spacing:1.5px;text-shadow:0 0 18px var(--glow)}.menu label{display:flex;justify-content:space-between;align-items:center;gap:12px}.menu input,.menu select{flex:1}.menubuttons{display:flex;gap:12px;justify-content:center}.hint{color:var(--text-dim);font-size:13px}.board,.builder{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--scene) #0a0e17;background-attachment:fixed}.topbar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--glass-strong);border-bottom:1px solid var(--edge);box-shadow:0 4px 18px #00000073;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);flex-wrap:wrap;color:var(--text)}.turnbox{background:#ffffff0f;border:1px solid var(--edge);border-radius:8px;padding:3px 12px;font-weight:700;font-size:15px;white-space:nowrap}.turnbox.mine{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--glow)}.steps{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:wrap}.arrow{color:var(--text-faint);font-weight:700}.step{font-size:12.5px;font-weight:600;color:var(--text-dim);padding:2px 8px;border-radius:999px;white-space:nowrap}.step.now{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;box-shadow:0 0 10px var(--glow)}.topbuttons{display:flex;gap:8px}.board .turnbox{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,#96e07d2e,#96e07d0f);border:1px solid var(--edge);border-radius:999px;padding:7px 16px;font-family:var(--serif);font-size:15px}.board .turnbox.mine{background:linear-gradient(180deg,#96e07d38,#96e07d14);box-shadow:0 0 14px var(--glow)}.board .turnbox b{color:var(--accent)}.turndot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--glow);animation:floaty 2.4s ease-in-out infinite}.board .steps{flex-wrap:nowrap;gap:0}.stepconn{flex:1;height:2px;min-width:10px;border-radius:2px;background:#ffffff24}.stepconn.lit{background:var(--accent)}.stepdot{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;font-weight:800;overflow:hidden;color:var(--sd);background-color:#d7dae1;background-image:repeating-linear-gradient(45deg,#0000000f 0,#0000000f 3px,#00000005 3px,#00000005 6px);border:1px solid rgba(0,0,0,.16)}.stepdot.done{background-color:#b3b8c2;border-color:#00000038;opacity:.62}.stepdot.now{background-color:#f2f3f6;border:2px solid var(--sc);box-shadow:0 0 13px var(--sc)}.steplabel{font-family:var(--serif);font-size:12.5px;letter-spacing:1px;text-transform:uppercase;padding:5px 13px;border-radius:14px;border:2px solid var(--sc);box-shadow:0 0 14px var(--sc);background:#0000004d;color:var(--sc);text-align:center;line-height:1.15;max-width:130px;white-space:normal}.banners{padding:4px 14px}.banner{padding:6px 10px;border-radius:8px;margin:2px 0;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner.error{background:#96281e59;border:1px solid rgba(255,130,110,.55);color:#ffd9d2}.banner.warning{background:#966e1452;border:1px solid rgba(255,205,110,.55);color:#ffedc9}.banner.notice{background:#325a9652;border:1px solid rgba(140,190,255,.5);color:#d9eaff}.table{flex:1;display:flex;gap:12px;padding:14px;min-height:0}.magicol{width:196px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.fieldcol{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.magizone,.battlefield,.seat,.log{background:var(--glass);border:1px solid var(--edge);border-radius:14px;box-shadow:inset 0 1px #ffffff1f,0 6px 22px #00000073;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);padding:10px;color:var(--text)}.battlefield{border-radius:22px;padding:12px;gap:10px;display:flex;flex-direction:column;flex:1;min-height:0}.magizone{position:relative;isolation:isolate;overflow:hidden;background:transparent;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:10px;flex:0 0 auto;min-height:0}.magizone.mine{border-color:var(--accent);box-shadow:inset 0 1px #ffffff14,0 0 18px var(--glow)}.zonehead{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text)}.zonename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mine-tag{color:var(--accent);font-size:12px;font-weight:600}.handchip{flex-shrink:0;font-size:11.5px;font-weight:600;color:var(--text-dim);white-space:nowrap}.mcard{position:relative;flex:0 0 auto;width:100%;aspect-ratio:325 / 455;border-radius:14px;overflow:hidden;border:1px solid var(--edge);box-shadow:0 4px 12px #0006;cursor:pointer;animation:cardIn .4s cubic-bezier(.34,1.56,.64,1) both}.mcard .art{width:100%;height:100%;aspect-ratio:auto;object-position:center top;border-radius:0}.piles{display:flex;gap:8px;flex-shrink:0;align-items:center;height:96px}.deckback{position:relative;flex:0 0 auto;height:100%;width:auto;aspect-ratio:325 / 455;border-radius:8px;overflow:hidden;border:1px solid var(--edge);box-shadow:0 2px 8px #00000080;background:radial-gradient(circle at 50% 40%,rgba(160,120,230,.4),transparent 58%),repeating-radial-gradient(circle at 50% 40%,rgba(255,255,255,.06) 0 2px,transparent 2px 9px),linear-gradient(160deg,#1c2340,#0c1020)}.deckback:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffe9a8,#c99a3a 70%);box-shadow:inset -6px -4px #141022eb,0 0 10px #ffdc8c80}.discpile{flex:0 0 auto;height:100%;width:auto;aspect-ratio:325 / 455;border-radius:8px;border:1px solid var(--edge);box-shadow:0 2px 8px #00000080;background-color:#0a0e17;background-size:cover;background-position:center 12%;cursor:pointer}.pilecount{flex-shrink:0;font-weight:800;font-size:14px;color:var(--accent);min-width:16px;text-align:center}.seathead{display:flex;gap:14px;align-items:baseline;font-size:13px;color:var(--text-dim);margin-bottom:8px}.seathead strong{color:var(--accent);font-size:17px;text-shadow:0 0 12px var(--glow)}.stack{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.stackchip{padding:0 6px;border-radius:4px;background:#ffffff14;font-size:12px;color:var(--text-dim)}.stackchip.defeated{text-decoration:line-through;color:var(--text-faint)}.row{display:flex;gap:8px;flex-wrap:wrap}.bflane{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column;background:transparent;border:1px solid var(--edge-soft);border-radius:18px;padding:10px 12px}.lanehead{flex-shrink:0;display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.lanename{font-family:var(--serif);font-size:12px;font-weight:700;color:var(--accent)}.lanetab{font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 11px;border-radius:999px;border:1px solid var(--edge);background:#ffffff0f;color:var(--text-dim)}.lanetab.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);box-shadow:0 0 10px var(--glow)}.lanemagi{display:none}.bflane .laneitems{flex:1;min-height:0;display:flex;gap:8px;flex-wrap:nowrap;align-items:stretch}.bfcentral{flex-shrink:0;min-height:44px;border-radius:999px;background:#ffffff0d;border:1px solid var(--edge-soft);box-shadow:inset 0 0 20px #0000004d,0 0 16px var(--glow);display:flex;align-items:center;justify-content:center;padding:6px 16px}.runeline{color:var(--accent);text-shadow:0 0 12px var(--glow);letter-spacing:18px;font-size:14px;padding-left:18px}.runeline.hijack{letter-spacing:normal;font-size:13px;padding-left:0;text-align:center}.biome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 26%),var(--scene)}.bshape{position:absolute;display:block}.magizone[data-region] .biome,.bflane[data-region] .biome{--laneaccent: var(--accent)}[data-region=naroom] .biome{--laneaccent: #96e07d;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 26%),radial-gradient(60% 55% at 30% -12%,rgba(228,255,170,.24),transparent 62%),radial-gradient(38% 40% at 78% -6%,rgba(150,232,118,.2),transparent 66%),linear-gradient(180deg,#274a1d,#183611 60%,#0e2209)}[data-region=naroom] .s1{left:12%;bottom:42%;width:2px;height:34%;background:linear-gradient(rgba(255,255,240,.55),transparent);filter:blur(1px);animation:drift 8s ease-in-out infinite}[data-region=naroom] .s2{bottom:0;left:-4%;width:22%;height:60%;background:#0d2708;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.75}[data-region=naroom] .s3{bottom:0;right:-4%;width:30%;height:86%;background:#0a1f06;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.85}[data-region=cald] .biome{--laneaccent: #ff9250;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 24%),radial-gradient(75% 50% at 50% 118%,rgba(255,120,30,.4),transparent 66%),radial-gradient(30% 26% at 16% 108%,rgba(255,70,20,.28),transparent 72%),linear-gradient(180deg,#2a1310,#3c1410 55%,#571b0a)}[data-region=cald] .s1{bottom:0;left:-6%;width:44%;height:64%;background:#230b07;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);opacity:.6}[data-region=cald] .s2{right:24%;bottom:72%;width:12%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,165,55,.95),transparent 68%);filter:blur(3px);animation:ember 3.4s ease-in-out infinite}[data-region=cald] .s3{left:0;right:0;bottom:0;height:34%;background:radial-gradient(95% 130% at 50% 134%,rgba(255,110,30,.4),transparent 70%)}[data-region=orothe] .biome{--laneaccent: #6fe3c8;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 26%),radial-gradient(70% 50% at 50% -12%,rgba(160,255,232,.26),transparent 60%),radial-gradient(45% 30% at 80% 104%,rgba(90,220,190,.22),transparent 70%),linear-gradient(180deg,#0d3f5c,#082c49 55%,#041a30)}[data-region=orothe] .s1{top:-6%;left:24%;width:5%;height:70%;background:linear-gradient(rgba(190,255,245,.4),transparent);transform:rotate(10deg);filter:blur(1px);animation:drift 9s ease-in-out infinite}[data-region=orothe] .s2{left:30%;bottom:16%;width:7%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(190,255,245,.5);background:#befff51a;animation:drift 5.5s ease-in-out infinite}[data-region=orothe] .s3{left:64%;bottom:26%;width:5%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(190,255,245,.45);background:#befff514;animation:drift 6.5s ease-in-out infinite}[data-region=underneath] .biome{--laneaccent: #c79bff;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 26%),radial-gradient(60% 40% at 50% -10%,rgba(120,90,220,.22),transparent 60%),linear-gradient(180deg,#221440,#170f2c 55%,#0e0920)}[data-region=underneath] .s1{top:0;left:18%;width:12%;height:40%;background:#160c2a;clip-path:polygon(0 0,100% 0,50% 100%);opacity:.85}[data-region=underneath] .s2{left:32%;bottom:14%;width:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(150,120,255,.85),transparent 68%);filter:blur(2px);animation:ember 4s ease-in-out infinite}[data-region=underneath] .s3{left:66%;bottom:20%;width:7%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(90,220,255,.8),transparent 68%);filter:blur(2px);animation:ember 4.6s ease-in-out infinite}[data-region=arderial] .biome{--laneaccent: #cfe9ff;background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 22%),radial-gradient(120% 70% at 50% 120%,rgba(28,62,120,.5),transparent 65%),linear-gradient(180deg,#5c9bdd,#356fb6 55%,#20477e)}[data-region=arderial] .s1{top:18%;left:12%;width:38%;height:24%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 70%);filter:blur(2px);animation:drift 11s ease-in-out infinite}[data-region=arderial] .s2{top:40%;left:50%;width:44%;height:22%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%);filter:blur(2px);animation:drift 9s ease-in-out infinite}[data-region=arderial] .s3{top:8%;left:62%;width:20%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 65%);filter:blur(3px)}[data-region=universal] .biome{--laneaccent: #ffd982;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 26%),radial-gradient(60% 40% at 50% -8%,rgba(255,225,150,.28),transparent 60%),linear-gradient(180deg,#3a2c4c,#2e2540 55%,#221a30)}[data-region=universal] .s1{top:24%;left:20%;width:4%;aspect-ratio:1;border-radius:50%;background:#fff0c8e6;box-shadow:0 0 8px #ffe196cc;animation:ember 3s ease-in-out infinite}[data-region=universal] .s2{top:40%;left:66%;width:3%;aspect-ratio:1;border-radius:50%;background:#fff0c8d9;box-shadow:0 0 6px #ffe196b3;animation:ember 3.8s ease-in-out infinite}[data-region=universal] .s3{left:0;right:0;bottom:0;height:40%;background:radial-gradient(80% 120% at 50% 130%,rgba(255,200,120,.22),transparent 70%)}[data-region=core] .biome{--laneaccent: #c9a0ff;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 28%),radial-gradient(55% 34% at 50% -6%,rgba(150,90,230,.26),transparent 62%),linear-gradient(180deg,#17101f,#100a18 55%,#060409)}[data-region=core] .s1{bottom:0;left:6%;width:22%;height:50%;background:#0a0610;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9}[data-region=core] .s2{bottom:0;right:8%;width:26%;height:64%;background:#0a0610;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9}[data-region=core] .s3{left:40%;bottom:30%;width:9%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(160,100,255,.8),transparent 68%);filter:blur(2px);animation:ember 4.2s ease-in-out infinite}.artcard{display:block;padding:0;border:1px solid var(--edge);border-radius:12px;cursor:pointer;background-color:#10141e;background-size:cover;background-position:center 12%;box-shadow:0 6px 16px #00000080;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .18s ease;animation:cardIn .4s cubic-bezier(.34,1.56,.64,1) both}.artcard:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 18px 34px #0009,0 0 22px var(--glow);z-index:4}.pcard{position:relative;flex:1 1 0;min-width:0;max-width:120px;aspect-ratio:325 / 455}.pcard.type-creature{border-color:var(--laneaccent, var(--edge))}.pcard.type-relic{border-color:#d8b45abf}.pcard.type-spell{border-color:#8caaff99}.pcard.selected{border-color:var(--gold);box-shadow:0 0 16px #e8c454d9}.pcard.burrowed{opacity:.65;border-style:dashed}.pcard.ongoing{cursor:default}.pcard.ongoing:hover{transform:none;box-shadow:0 6px 16px #00000080}.typepill{position:absolute;top:6px;left:6px;z-index:2;padding:1px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(255,255,255,.55)}.typepill.relic{background:linear-gradient(180deg,#f5dd8a,#c29b2e);color:#3a2c08}.typepill.spell{background:linear-gradient(180deg,#b9c9ff,#5a6fd0);color:#0b1230}.pcardfoot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:3px;padding:16px 6px 6px;background:linear-gradient(180deg,transparent,rgba(6,10,6,.92))}.log{width:244px;flex-shrink:0;font-size:12.5px;color:var(--text-dim);display:flex;flex-direction:column;min-height:0}.log h3{margin:0 0 8px;text-align:center;font-size:13.5px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px var(--glow)}.logscroll{flex:1;overflow-y:auto}.logscroll>div{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.07)}.logscroll>div.dieline{display:flex;align-items:center;gap:6px}.dieface{flex:none;display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:15px;height:15px;padding:2px;gap:1px;background:#f4f0e6;border:1px solid rgba(0,0,0,.6);border-radius:3px;box-shadow:0 1px 3px #00000080}.dieface .pip{border-radius:50%}.dieface .pip.on{background:#22232a}.card{position:relative;width:118px;min-height:64px;touch-action:manipulation;background:linear-gradient(180deg,#2e3646eb,#161b26f2);border:1px solid var(--edge);border-radius:10px;padding:6px 6px 5px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--text);box-shadow:0 3px 8px #00000073,inset 0 1px #ffffff1f;transition:border-color .18s ease,box-shadow .18s ease}.card:hover{border-color:var(--accent);box-shadow:0 0 14px var(--glow),inset 0 1px #ffffff1f}.card.selected{border-color:var(--gold);box-shadow:0 0 16px #e8c454d9,inset 0 1px #ffffff1f}.card.burrowed{opacity:.7;border-style:dashed}.card.magi{background:linear-gradient(180deg,#42385ceb,#201a30f2);border-color:#b296eb73;min-width:120px}.card.relic,.kind-relic{border-color:#d8b45a80}.kind-spell{border-color:#6ea0e680}.cardname{font-weight:700;line-height:1.15;font-size:12.5px;text-align:center}.art{width:100%;aspect-ratio:425 / 550;object-fit:cover;border-radius:6px;display:block;background:#10141e}.art.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-dim);font-size:12px;padding:4px}.energy{position:absolute;top:6px;left:6px;z-index:2;background:radial-gradient(circle at 35% 30%,#b6ecff,#2d6fb0 72%);color:#fff;font-weight:800;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:13px;border:2px solid rgba(255,255,255,.75);box-shadow:0 2px 6px #00000080}.energy.big{width:30px;height:30px;font-size:14px}.energy.pulsing{animation:pulseRing 2.6s ease-in-out infinite}.attacked{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:2;background:radial-gradient(circle at 35% 30%,#ff9d6b,#9e3a2d 70%);color:#fff;font-weight:700;border-radius:12px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 4px #0000008c,0 0 8px #ff966e80}.attacked.multi{padding:0 6px}.attacked .glyph{display:block;transform:translateY(-.5px)}.statusrow{position:absolute;top:6px;right:6px;z-index:2;display:flex;flex-direction:column;gap:3px;align-items:flex-end}.statusbadge{min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;font-size:11px;line-height:1;color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 4px #0000008c;background:radial-gradient(circle at 35% 30%,#c9c9c9,#4a4a4a 70%)}.statusbadge.timed{border-radius:12px;padding:0 6px}.statusbadge .turns{font-size:10px;font-weight:700}.statusbadge.burrow{background:radial-gradient(circle at 35% 30%,#c9a86a,#6b4f22 70%)}.statusbadge.shield{background:radial-gradient(circle at 35% 30%,#b58bff,#5a2d8a 70%)}.statusbadge.no-attack{background:radial-gradient(circle at 35% 30%,#ff8b8b,#8a2d2d 70%)}.statusbadge.no-target{background:radial-gradient(circle at 35% 30%,#8bc4ff,#2d5a8a 70%)}.statusbadge.locked{background:radial-gradient(circle at 35% 30%,#d0d0d0,#55565e 70%)}.statusbadge.region{background:radial-gradient(circle at 35% 30%,#8be0d0,#2d7a6a 70%)}.statusbadge.amp{background:radial-gradient(circle at 35% 30%,#ffb36b,#a3552d 70%)}.statusbadge.boon{background:radial-gradient(circle at 35% 30%,#a6e88b,#3f7a2d 70%)}.statusbadge.counter{background:radial-gradient(circle at 35% 30%,#c9a86a,#6b4f22 70%);font-size:10px;font-weight:700}.statuschip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:10px;font-size:11px;line-height:1.5;color:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:0 1px 3px #00000073;background:radial-gradient(circle at 35% 30%,#c9c9c9,#4a4a4a 70%);cursor:default}.statuschip .turns{font-size:10px;font-weight:700;opacity:.9}.statuschip.shield{background:radial-gradient(circle at 35% 30%,#b58bff,#5a2d8a 70%)}.statuschip.no-attack{background:radial-gradient(circle at 35% 30%,#ff8b8b,#8a2d2d 70%)}.statuschip.no-target{background:radial-gradient(circle at 35% 30%,#8bc4ff,#2d5a8a 70%)}.statuschip.locked{background:radial-gradient(circle at 35% 30%,#d0d0d0,#55565e 70%)}.statuschip.amp{background:radial-gradient(circle at 35% 30%,#ffb36b,#a3552d 70%)}.statuschip.boon{background:radial-gradient(circle at 35% 30%,#a6e88b,#3f7a2d 70%)}.magistatuses{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.globalstatuses{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:4px}.attachchips{display:flex;flex-direction:column;gap:2px;width:100%}.attachchip{font-size:10px;line-height:1.4;text-align:center;border-radius:8px;padding:0 4px;color:#cfe0ff;background:#6ea0e62e;border:1px solid rgba(110,160,230,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachnote{font-size:10px;color:var(--text-dim);text-align:center;line-height:1.3}.power{font-size:11.5px;padding:2px 6px}.board .power{width:100%;font-weight:700;font-size:11px;color:var(--accent-ink);background:linear-gradient(180deg,#b6f0a0,#7ecb63);border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:5px 6px;box-shadow:0 2px 8px #00000080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board .power:hover:not(:disabled){border-color:#96e07d;box-shadow:inset 0 1px #ffffff2e,0 0 14px #96e07d80}.mcard .pcardfoot .power{width:auto}.cardpreview{position:fixed;top:56px;right:272px;z-index:50;cursor:pointer;filter:drop-shadow(0 6px 24px rgba(0,0,0,.7))}.cardpreview img{width:340px;border-radius:12px;display:block;pointer-events:none}.builder .cardpreview{right:306px}.board .cardpreview{top:70px;right:14px}.board .cardpreview img{width:284px}.cardpreview-close{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:#1b1f2b;color:var(--text);border:1px solid var(--edge);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0009}.cardpreview-close:hover{border-color:var(--accent)}.promptbar{background:var(--glass-strong);border:1px solid var(--accent);border-radius:12px;padding:8px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--text);width:100%;box-shadow:0 0 18px var(--glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.promptbar.waiting{background:transparent;border:none;box-shadow:none;color:var(--text-dim);justify-content:center}.need{padding:2px 8px;border-radius:10px;background:#ffffff14;color:var(--text-dim)}.need.now{background:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 0 8px var(--glow)}.pick{display:inline-flex;gap:4px;align-items:center;background:#ffffff12;border:1px solid var(--edge);padding:2px 8px;border-radius:6px;color:var(--text)}.pick.ordered{background:var(--accent);color:var(--accent-ink);font-weight:600}.handpick{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.handpick input[type=number]{width:56px;margin-left:6px}.xinput input{width:64px}.xform{display:inline-flex;gap:6px;align-items:center;background:var(--glass-strong);border:1px solid var(--accent);color:var(--text);padding:6px 10px;border-radius:10px;box-shadow:0 0 12px var(--glow)}.hand{position:relative;background:linear-gradient(180deg,#080b1280,#080b12c7);border:1px solid var(--edge);border-radius:20px;box-shadow:inset 0 0 26px #0006,0 8px 20px #0006;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);padding:26px 16px 14px;display:flex;gap:12px;align-items:flex-end;justify-content:center;min-height:118px;flex-wrap:wrap}.handlabel{position:absolute;top:9px;left:18px;color:var(--accent);font-weight:700;font-size:13px;text-shadow:0 0 10px var(--glow);white-space:nowrap}.hcard{flex-shrink:0;width:100px;height:140px}.hcard:hover{transform:translateY(-16px) scale(1.05);box-shadow:0 20px 38px #0009,0 0 22px #f5dd8ab3;z-index:6}.discbackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#04060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.discmodal{width:560px;max-width:90%;max-height:82%;display:flex;flex-direction:column;background:#10141cf7;border:1px solid var(--edge);border-radius:18px;box-shadow:0 30px 80px #000000bf;overflow:hidden}.dischead{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--edge-soft)}.disctitle{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--text);white-space:nowrap}.dischead input{flex:1}.discclose{flex-shrink:0;width:30px;height:30px;border-radius:50%;padding:0;background:#ffffff14;border:1px solid var(--edge);font-size:14px}.discgrid{flex:1;overflow-y:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;align-content:start}.disctile{position:relative;aspect-ratio:325 / 455;border-radius:10px;overflow:hidden;border:1px solid var(--edge);box-shadow:0 4px 12px #00000080;background-color:#10141e;background-size:cover;background-position:center 12%}.discempty{grid-column:1 / -1;color:var(--text-dim);font-size:13px;text-align:center;padding:24px}.filterbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:2px 14px 4px;padding:6px 10px;background:var(--glass);border:1px solid var(--edge);border-radius:12px;color:var(--text);box-shadow:inset 0 1px #ffffff1f,0 4px 14px #00000059;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.filterbar.active{border-color:var(--accent);box-shadow:inset 0 1px #ffffff1f,0 0 14px var(--glow)}.filtergroup{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.filterlabel{font-family:var(--serif);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-right:4px}.pill{font-size:12.5px;font-weight:600;padding:2px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--edge);color:var(--text-dim);-webkit-backdrop-filter:none;backdrop-filter:none}.pill.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 10px var(--glow)}.pill.clear{background:transparent;border-style:dashed}.factionicon{width:20px;height:20px;border-radius:50%;display:block;pointer-events:none}.pill.iconpill{display:inline-flex;align-items:center;padding:2px 6px}.pill.iconpill:not(.on) .factionicon{opacity:.75}.pill.iconpill.on .factionicon,.pill.iconpill:hover .factionicon{opacity:1}.chip .factionicon{width:17px;height:17px}.seathead .factionicon{width:28px;height:28px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.filtertail{display:inline-flex;align-items:center;gap:10px;margin-left:auto}.filtercount{font-size:12.5px;font-weight:600;color:var(--text-dim);white-space:nowrap}.chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 14px 4px;padding:0 2px}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--accent);border:1px solid rgba(255,255,255,.35);color:var(--accent-ink);font-size:12.5px;font-weight:600;box-shadow:0 0 10px var(--glow);-webkit-backdrop-filter:none;backdrop-filter:none}.chip .x{font-weight:800;opacity:.7}.chip:hover .x{opacity:1}.chip.clearall{background:transparent;border:1px dashed var(--edge);color:var(--text-dim);box-shadow:none}.builderarea{flex:1;display:flex;gap:10px;padding:0 10px 10px;min-height:0}.builderbody{flex:1;min-width:0;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:10px}.decksummary{width:280px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.decksummary .seathead{margin-bottom:4px;justify-content:space-between}.decksummary .seathead:not(:first-child){margin-top:10px;padding-top:10px;border-top:1px solid var(--edge)}.decksummary-magi,.decksummary-cards{display:flex;flex-direction:column;gap:4px}.decksummary-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;background:#ffffff0a}.decksummary-order{width:16px;flex-shrink:0;text-align:center;font-size:12px;font-weight:700;color:var(--accent)}.decksummary-thumb{width:26px;height:26px;flex-shrink:0;border-radius:6px;overflow:hidden}.decksummary-thumb .art{width:100%;height:100%;object-fit:cover}.decksummary-qty{width:22px;flex-shrink:0;font-size:12px;font-weight:700;color:var(--text-dim)}.decksummary-name{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.decksummary-actions{display:flex;gap:3px;flex-shrink:0}.decksummary-empty{font-size:13px;color:var(--text-dim);margin:2px 0}.builderrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;margin-bottom:8px}.builder .builderrow .card{width:auto}.counter{display:flex;gap:6px;align-items:center;justify-content:center}.builderbody .card,.builderbody .builderrow,.builderbody .seat{transition:opacity .28s ease,scale .28s ease,border-color .18s ease,box-shadow .18s ease,display .28s allow-discrete}.builderbody .hide{opacity:0;scale:.88;display:none}@starting-style{.builderbody .card:not(.hide),.builderbody .builderrow:not(.hide),.builderbody .seat:not(.hide){opacity:0;scale:.88}}.auth form{display:flex;flex-direction:column;gap:.75rem}.auth label{display:flex;flex-direction:column;gap:.3rem;text-align:left}button.linkish{background:none;border:none;box-shadow:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer}button.linkish:hover:not(:disabled){box-shadow:none;text-shadow:0 0 8px var(--glow)}.lobby{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--scene) #0a0e17}.lobbywho{color:var(--text-dim)}.lobbywho b{color:var(--text)}.lobbybody{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(16rem,1fr);gap:1rem;padding:1rem;align-items:start}@media (max-width: 52rem){.lobbybody{grid-template-columns:1fr}}.lobbygames,.lobbyside{background:var(--glass);border:1px solid var(--edge);border-radius:10px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.75rem}.lobbyhead{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.lobbyhead strong{font-family:var(--serif);color:var(--accent);text-shadow:0 0 12px var(--glow)}.gamesgrid{display:grid;grid-template-columns:minmax(8rem,2fr) minmax(6rem,1.2fr) minmax(6rem,1fr) auto 1.6rem auto;row-gap:.35rem;overflow-x:auto}.gamerow{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;gap:0 .75rem;padding:.45rem .6rem;background:var(--glass-soft);border:1px solid var(--edge-soft);border-radius:8px}.gamerow.gamehead{background:none;border:none;color:var(--text-faint);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;padding-block:.1rem}.gamename{font-family:var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.factionpill,.statuspill{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.82rem;white-space:nowrap}.factionpill{color:var(--accent);border:1px solid var(--accent);box-shadow:inset 0 0 8px var(--glow)}.statuspill.waiting{color:var(--accent);border:1px solid var(--edge)}.statuspill.full{color:var(--text-faint);border:1px solid var(--edge-soft)}.lockcell{text-align:center}.dim{color:var(--text-faint)}.lobbyside label,.hostform label{display:flex;flex-direction:column;gap:.3rem}.hostform{display:flex;flex-direction:column;gap:.7rem}.hostform .lockrow{flex-direction:row;align-items:center;gap:.5rem}.banner.rejoin button{margin-left:.6rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#04060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40}.modalcard{display:flex;flex-direction:column;gap:.9rem;min-width:min(20rem,92vw);padding:1.2rem 1.4rem;background:var(--glass-strong);border:1px solid var(--edge);border-radius:12px;box-shadow:0 18px 60px #0009}.modalcard label{display:flex;flex-direction:column;gap:.3rem}.mydecks{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem 1rem}.mydeck{display:inline-flex}.mydeck button:first-child{border-radius:6px 0 0 6px}.mydeck button.danger{border-radius:0 6px 6px 0;border-left:none}@media (max-width: 1280px){.table{gap:8px;padding:8px}.magicol{width:208px}.card.magi{min-width:0}.log{width:208px}.card{width:100px}.hcard{width:88px;height:123px}.cardpreview{right:226px}.cardpreview img{width:300px}.builder .cardpreview{right:254px}.decksummary{width:236px}}@media (max-width: 1000px){.board,.builder{height:auto;min-height:100vh;min-height:100dvh}.topbar{gap:8px;padding:8px 10px}.table{flex-direction:column}.magicol{width:auto;flex-direction:row;flex-wrap:wrap;overflow-y:visible}.magicol .magizone{flex:1 1 240px}.magicol .mcard{max-width:150px}.battlefield{flex:none;overflow-y:visible}.log{width:auto;flex:none;height:220px}.cardpreview,.builder .cardpreview,.board .cardpreview{top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.cardpreview img,.board .cardpreview img{width:min(340px,84vw);max-height:86vh;object-fit:contain}.builderarea{flex-direction:column}.builderbody{flex:none;overflow-y:visible}.decksummary{width:auto;order:-1;max-height:45vh}.center{margin:4vh auto;width:min(480px,calc(100% - 24px));padding:20px 16px}}@media (hover: none),(pointer: coarse){body,.board,.builder,.lobby{background-attachment:scroll}button{padding:8px 14px}.power{padding:5px 10px;font-size:12px}.counter .power{min-width:34px;min-height:30px}.pill{padding:5px 12px}.step{padding:4px 10px}.card,.cardpreview,.pick,.artcard,.mcard,.deckback,.discpile,.disctile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.mobiletabs{display:none}@media (max-width: 640px){.board{height:100vh;height:100dvh;overflow:hidden}.table{flex:1;min-height:0;overflow:hidden;padding:8px}.fieldcol{display:contents}.magicol,.battlefield,.hand,.log{display:none;width:auto;height:100%;min-height:0}.magicol,.battlefield,.hand{overflow-y:auto}.table[data-mtab=magi] .magicol{display:flex;flex-direction:column;flex-wrap:nowrap}.table[data-mtab=battlefield] .battlefield{display:flex}.table[data-mtab=hand] .hand{display:flex;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.table[data-mtab=hand] .handlabel{position:sticky;top:0;left:0;background:#080b12eb;padding:4px 8px;border-radius:8px;margin:-4px -4px 6px;z-index:2}.table[data-mtab=log] .log{display:flex}.lanemagi{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding:3px 9px;border-radius:999px;border:1px solid var(--edge);background:#ffffff14;color:var(--text);font-size:12px;font-weight:700}.mobiletabs{display:flex;flex:none;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--glass-strong);border-top:1px solid var(--edge);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.mobiletab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:10px;background:none;border:1px solid transparent;color:var(--text-dim);font-size:11px}.mobiletab.active{color:var(--accent);border-color:var(--accent);background:#ffffff0f;box-shadow:0 0 10px var(--glow)}.mobiletabicon{position:relative;font-size:18px;line-height:1}.mobiletabdot{position:absolute;top:-3px;right:-6px;width:8px;height:8px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 6px #ff5a5acc}.mobiletablabel{white-space:nowrap}}.handpick.longlist{display:inline-flex;flex-wrap:wrap;gap:4px;max-height:9rem;overflow-y:auto;padding-right:6px}.factionicon.facttext{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;border-radius:50%;font-size:.62em;font-weight:700;letter-spacing:.02em;background:#78788c59;border:1px solid rgba(255,255,255,.35)}.coach-ring{position:fixed;border:3px solid #ffd76e;border-radius:10px;box-shadow:0 0 14px 4px #ffd76e8c,0 0 0 100vmax #00000047;pointer-events:none;z-index:380;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.coach-panel{position:fixed;right:14px;bottom:14px;width:min(320px,calc(100vw - 28px));max-height:55vh;overflow-y:auto;z-index:400;padding:12px 14px;border-radius:12px;background:#12161ef0;border:1px solid rgba(255,215,110,.6);color:#f2ecd9;box-shadow:0 6px 24px #00000080;font-size:.92rem}.coach-panel h3{margin:6px 0 4px;font-size:1.02rem;color:#ffd76e}.coach-panel p{margin:6px 0;line-height:1.45}.coach-head{display:flex;justify-content:space-between;align-items:baseline}.coach-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.coach-progress{font-size:.78rem;opacity:.7}.coach-detail summary{cursor:pointer;font-size:.8rem;opacity:.75}.coach-nudge{color:#ffb0a0;border-left:3px solid #ffb0a0;padding-left:8px}.coach-waiting{font-style:italic;opacity:.75}.coach-buttons{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.coach-buttons button{font-size:.85rem}.coach-next{font-weight:700}.coach-exit{margin-left:auto;opacity:.8}