@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:700;src:url(./rubik-arabic-700-italic-BvPcwSbm.woff2)format("woff2"),url(./rubik-arabic-700-italic-D8w5uteH.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:700;src:url(./rubik-cyrillic-ext-700-italic-BSehaqD2.woff2)format("woff2"),url(./rubik-cyrillic-ext-700-italic-fyB5kfHu.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:700;src:url(./rubik-cyrillic-700-italic-BZfWBmrt.woff2)format("woff2"),url(./rubik-cyrillic-700-italic-_FwRKVHc.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:700;src:url(./rubik-hebrew-700-italic-1S4Y95PL.woff2)format("woff2"),url(./rubik-hebrew-700-italic-Bg9gyZQe.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:700;src:url(./rubik-latin-ext-700-italic-pxz8t79C.woff2)format("woff2"),url(./rubik-latin-ext-700-italic-V5uyHBKz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:700;src:url(./rubik-latin-700-italic-C7-h70S9.woff2)format("woff2"),url(./rubik-latin-700-italic-CtirXMHB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:800;src:url(./rubik-arabic-800-italic-CIEiIWYA.woff2)format("woff2"),url(./rubik-arabic-800-italic-B5UqQJZX.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:800;src:url(./rubik-cyrillic-ext-800-italic-BSBKIHpJ.woff2)format("woff2"),url(./rubik-cyrillic-ext-800-italic-dG_I2QtX.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:800;src:url(./rubik-cyrillic-800-italic-CeqlPPdL.woff2)format("woff2"),url(./rubik-cyrillic-800-italic-C9Qt6LRI.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:800;src:url(./rubik-hebrew-800-italic-B8m1t_J1.woff2)format("woff2"),url(./rubik-hebrew-800-italic-DewNB3cR.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:800;src:url(./rubik-latin-ext-800-italic-mcA0c-g_.woff2)format("woff2"),url(./rubik-latin-ext-800-italic-Df65laS_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:800;src:url(./rubik-latin-800-italic-D1Su27dq.woff2)format("woff2"),url(./rubik-latin-800-italic-Cngr7kgx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:900;src:url(./rubik-arabic-900-italic-CICGum0w.woff2)format("woff2"),url(./rubik-arabic-900-italic-DN97pr6q.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:900;src:url(./rubik-cyrillic-ext-900-italic-BSJFlzzp.woff2)format("woff2"),url(./rubik-cyrillic-ext-900-italic-CdwbeKNq.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:900;src:url(./rubik-cyrillic-900-italic-fFWNuo2P.woff2)format("woff2"),url(./rubik-cyrillic-900-italic-CQXwNwiE.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:900;src:url(./rubik-hebrew-900-italic-D3kY42V7.woff2)format("woff2"),url(./rubik-hebrew-900-italic-D6NUgDYi.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:900;src:url(./rubik-latin-ext-900-italic-BFeIpeRC.woff2)format("woff2"),url(./rubik-latin-ext-900-italic-BGypLei1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:italic;font-display:swap;font-weight:900;src:url(./rubik-latin-900-italic-DJJTaqDK.woff2)format("woff2"),url(./rubik-latin-900-italic-Ckls_mkX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(./barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(./barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(./barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(./barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(./barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(./barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(./barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(./barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(./barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(./barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(./barlow-latin-700-normal-__SGTsZ1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0f1115;--panel:#171a21;--panel2:#1f232c;--line:#2a2f3a;--text:#e6e8ee;--muted:#8b93a5;--accent:#f5b73a;--you:#4aa3ff;--opp:#ff5f6d;--ok:#48d28c;--red:#e5322d;--b-night:#070f1c;--b-bg:#0b1628;--b-panel:#111f37;--b-raised:#172946;--b-hover:#1d3256;--b-line:#22365a;--b-line2:#304a78;--b-text:#eef2f8;--b-muted:#9aa9c6;--b-faint:#677a9f;--b-gold:#f4c430;--b-gold-soft:#f4c43026;--b-red:#e0262d;--b-red-deep:#8f1117;--b-win:#36c98b;--b-loss:#ff5d63;--b-unsure:#9aa9c6;--b-display:"Rubik","Arial Black",Impact,sans-serif;--b-body:"Barlow","Segoe UI",system-ui,sans-serif;--ch:clamp(54px, calc((100vh - 190px) / 6.05), 240px);--cw:calc(var(--ch) * .716);--hch:calc(var(--ch) * 1.15);--hcw:calc(var(--hch) * .716)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.35 system-ui,Segoe UI,Roboto,sans-serif}button,select{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 10px}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#1a1200;border-color:var(--accent);min-width:96px;font-weight:600}button.on{border-color:var(--ok);color:var(--ok)}#app{background:radial-gradient(at 30% 20%,#c8823e 0%,#0000 55%),radial-gradient(at 80% 80%,#8a4a1c 0%,#0000 55%),repeating-linear-gradient(100deg,#a9642a 0 18px,#9a5a26 18px 40px,#b06d30 40px 58px);grid-template-rows:1fr auto;grid-template-columns:1fr auto 1fr;height:100%;min-height:0;display:grid}#left{flex-direction:column;justify-content:space-between;gap:10px;min-width:0;min-height:0;padding:10px 6px 10px 14px;display:flex}.hand{--ov:0px;justify-content:center;align-items:flex-start;width:100%;min-width:0;padding:4px 8px 14px;display:flex;position:relative}#you-hand{align-items:flex-end;padding:14px 8px 4px}.hand .card,.hand .back{width:var(--hcw);height:var(--hch);flex:none}.hand .card+.card,.hand .back+.back{margin-left:calc(-1 * var(--ov))}.hand .card:hover{z-index:5;transform:translateY(-10px)scale(1.06)}#opp-hand .card:hover{transform:translateY(10px)scale(1.06)}.hand .card.isknown{box-shadow:0 0 0 3px var(--accent),0 2px 6px #0008}.hand .card .known{writing-mode:vertical-rl;color:#1a1200;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:4;background:#f5b73aee;border-radius:4px;max-height:92%;padding:4px 1px;font-size:clamp(9px,.8vw,11px);font-weight:800;display:none;position:absolute;top:4%;left:2px;overflow:hidden;transform:rotate(180deg)}.hand .card .known.show{display:block}.hand .hcnt{text-align:center;color:#f7e9d4;text-shadow:0 1px 3px #000;font-weight:700;position:absolute;bottom:-6px;left:0;right:0}#right{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;padding:10px;display:flex;position:relative}#marker{z-index:9;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:12px;left:12px}#btn-marker{background:#1a120bcc;border:2px solid #0006;border-radius:12px;padding:4px;line-height:0}#btn-marker.on{border-color:var(--accent);box-shadow:0 0 14px var(--accent)}#btn-marker.disabled{opacity:.45;filter:grayscale(.6)}#marker-menu{background:#1a120bee;border:1px solid #0008;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:none;box-shadow:0 6px 20px #000a}#marker-menu.show{display:flex}#marker-menu .colors,#marker-menu .sizes{gap:6px;display:flex}#marker-menu .col{border:3px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}#marker-menu .col.sel{border-color:#fff;box-shadow:0 0 0 2px #000}#marker-menu .sz{justify-content:center;align-items:center;width:34px;height:30px;padding:0;display:flex}#marker-menu .sz i{background:#fff;border-radius:50%;display:block}#marker-menu .sz.sel,#marker-menu #mk-eraser.sel{border-color:var(--accent);color:var(--accent)}#marker-menu .hint{color:var(--muted);max-width:170px;font-size:11px}#marker-hint{color:#f7e9d4;text-shadow:0 1px 2px #000;background:#1a120bcc;border-radius:8px;padding:4px 8px;font-size:12px;display:none}#marker-hint.show{display:block}#ink{z-index:7;pointer-events:none;touch-action:none;width:100vw;height:100vh;position:fixed;inset:0}#bar{z-index:11;position:relative}#ink.active{pointer-events:auto;cursor:crosshair}#ink.active.eraser{cursor:cell}#preview{width:min(100%, calc(var(--ch) * 2.6));flex-direction:column;align-items:center;gap:8px;display:none}#preview.show{display:flex}#preview img{aspect-ratio:.716;background:#2b3040;border-radius:12px;width:100%;box-shadow:0 8px 30px #000a}#preview .pinfo{color:#f7e9d4;text-align:center;text-shadow:0 1px 3px #000;font-size:13px;font-weight:600}#mid{z-index:8;background:#1a120bee;border-radius:8px;flex-direction:column;width:min(360px,40vw);min-height:0;display:none;position:absolute;top:10px;bottom:10px;right:14px;box-shadow:0 6px 24px #000a}#mid.show{display:flex}#mid header{border-bottom:1px solid #0004;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}#mid header h1{color:#f7e9d4;margin:0;font-size:14px}#events{flex:1;min-height:0;margin:0;padding:6px 0;list-style:none;overflow:auto}#events li{cursor:pointer;color:#e6d8c3;white-space:nowrap;text-overflow:ellipsis;border-left:3px solid #0000;padding:3px 10px;font-size:13px;overflow:hidden}#events li:hover{background:#0003}#events li.cur{color:#fff;border-left-color:var(--accent);background:#0006}#events li.turn{color:#fff;z-index:1;background:#120c07;margin-top:4px;font-weight:700;position:sticky;top:0}#events li.cur.p1{border-left-color:var(--you)}#events li.cur.p2{border-left-color:var(--opp)}#events li .k{opacity:.7;width:14px;display:inline-block}#debug{white-space:pre-wrap;color:#e6d8c3;border-top:1px solid #0004;max-height:35%;padding:8px 12px;font:12px/1.4 ui-monospace,Consolas,monospace;display:none;overflow:auto}#debug.show{display:block}#logsel{max-width:140px}#board{min-height:0;padding:8px 4px;display:flex;position:relative}#mat{min-height:0;width:calc(var(--ch) * 5.6);background:linear-gradient(#e8c9c6 0%,#d9b3b0 49%,#cfe3d3 51%,#bcd8c4 100%);border-radius:10px;grid-template-rows:1fr 1fr;gap:6px;display:grid;overflow:hidden;box-shadow:0 6px 24px #0008}.half{grid-template-columns:calc(var(--ch) * .74) 1fr var(--ch) var(--cw) var(--cw);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"life chars chars chars chars""life name leader stage deck""dond cost cost cost trash";gap:6px;min-height:0;padding:8px 12px;display:grid;overflow:hidden}.half.opp{transform:rotate(180deg)}.half.you{background:radial-gradient(at 50% 60%,#6f9e7a55,#0000 70%)}.half.opp{background:radial-gradient(at 50% 60%,#b55b5555,#0000 70%)}.area{min-height:calc(var(--ch) + 8px);background:#2f6b45cc;border:2px solid #fff5;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:4px;display:flex;position:relative}.half.opp .area{background:#8a3b3ccc}.area:before{content:attr(data-label);letter-spacing:.04em;color:#fffc;text-transform:uppercase;text-shadow:0 2px 6px #0008;pointer-events:none;justify-content:center;align-items:center;font:900 clamp(14px,2.2vw,30px)/1 Impact,Arial Black,sans-serif;display:flex;position:absolute;inset:0}.area.small{min-height:auto;padding:4px}.area.small:before{font-size:clamp(9px,1vw,13px)}.a-chars{z-index:3;--cm:4px;grid-area:chars;gap:0;padding:6px}.a-chars .card{margin:0 2px}.a-chars .card.rested{margin:0 calc((var(--ch) - var(--cw)) / 2 + 2px)}.half{--chb:var(--ch)}.a-chars{container-type:inline-size}@supports (width:1cqw){.a-chars{--ch:min(var(--chb), calc((100cqw - 2px - (var(--nr,0) + var(--na,0)) * var(--cm)) / max(.1, var(--nr,0) + var(--na,0) * .716)));--cw:calc(var(--ch) * .716)}}.a-leader{z-index:3;background:0 0;border:none;grid-area:leader;min-height:auto;padding:0}.a-stage{grid-area:stage}.a-deck{background:0 0;border:none;grid-area:deck;min-height:auto;padding:0}.a-trash{cursor:pointer;grid-area:trash;padding:2px}.a-cost{flex-wrap:nowrap;grid-area:cost;justify-content:flex-start;gap:0;padding:4px 12px;overflow:hidden}.a-dond{background:0 0;border:none;grid-area:dond;min-height:auto;padding:0}.a-life{background:0 0;border:none;flex-direction:column;grid-area:life;justify-content:center;gap:0;padding:0}.a-name{color:#1d2b22;text-align:center;text-shadow:0 1px #fff8;flex-direction:column;grid-area:name;justify-content:center;font-size:clamp(11px,1.1vw,15px);font-weight:800;line-height:1.2;display:flex}.half.opp .a-name{transform:rotate(180deg)}.a-resolve{z-index:4;background:0 0;border:none;grid-area:name;place-self:center end;min-height:auto;margin-right:6px;padding:0}.a-resolve .card{box-shadow:0 0 0 3px var(--accent),0 0 22px 4px var(--accent)}.a-resolve .rtag{background:var(--accent);color:#1a1200;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;z-index:5;border-radius:4px;padding:1px 6px;font-size:clamp(8px,.75vw,11px);font-weight:800;position:absolute;bottom:-7px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0008}.half.opp .a-resolve .rtag{transform:translate(-50%)rotate(180deg)}.half.you .a-name.res{padding-right:calc(var(--cw) + 12px)}.half.opp .a-name.res{padding-left:calc(var(--cw) + 12px)}.a-name small{opacity:.8;font-weight:600}.a-name .turn{color:#8a2a1a}.card{width:var(--cw);height:var(--ch);background:#2b3040;border-radius:5px;flex:none;transition:transform .22s,box-shadow .2s;position:relative;box-shadow:0 2px 6px #0008}.card img{object-fit:cover;border-radius:5px;width:100%;height:100%;display:block}.card.noimg{text-align:center;color:var(--text);background:#3a4058;justify-content:center;align-items:center;padding:4px;font-size:10px;display:flex}.card.rested,.card.rested:hover{transform:rotate(90deg)}.card{isolation:isolate}.card .don{display:none}.card .dons{z-index:-1;pointer-events:none;position:absolute;inset:0}.card.rested .dons{left:calc((var(--cw) - var(--ch)) / 2);width:var(--ch);right:auto;top:calc((var(--ch) - var(--cw)) / 2);height:var(--cw);bottom:auto;transform:rotate(-90deg)}.a-chars .card{z-index:1}.a-chars .card.attacking,.a-chars .card.defending{z-index:2}.card .dcard{color:#0000;width:92%;height:92%;transform:translate(calc(var(--k) * -7px - 7px), calc(var(--k) * 10px + 10px));background:#111 url(./don-DMdBCGrQ.jpg) 50%/cover no-repeat;border-radius:4px;font-size:0;transition:transform .35s;position:absolute;top:4%;left:4%;box-shadow:0 2px 5px #000a}.card .dcard.in{animation:.45s donin}@keyframes donin{0%{opacity:0;transform:translate(0)}to{opacity:1}}.card .donx{right:-6px;bottom:calc(var(--n) * -10px - 14px);color:#ff5fe0;text-shadow:0 0 4px #000,0 0 2px #000,1px 1px #000;z-index:3;white-space:nowrap;font:900 clamp(11px,1.2vw,16px)/1 Impact,Arial Black,sans-serif;display:none;position:absolute}.card .donx.show{display:block}.half.opp .card .donx{transform:rotate(180deg)}.card.rested .donx{display:none}.card .pw{text-align:center;color:#ff5fe0;text-shadow:0 0 6px #000,0 0 2px #000,1px 1px #600;pointer-events:none;z-index:4;background:linear-gradient(90deg,#7a0000aa,#c40000dd,#7a0000aa);border-radius:4px;padding:2px 0;font:900 clamp(16px,2vw,32px)/1.15 Impact,Arial Black,sans-serif;display:none;position:absolute;top:36%;left:-14%;right:-14%}.card .pw.show{display:block}.half.opp .card .pw{transform:rotate(180deg)}.card.rested .pw{left:8%;right:8%;transform:rotate(-90deg)}.half.opp .card.rested .pw{transform:rotate(90deg)}.card .frz{text-align:center;color:#e8f7ff;text-shadow:0 0 4px #000,0 0 2px #000,1px 1px #013;pointer-events:none;z-index:4;white-space:nowrap;background:linear-gradient(90deg,#0b4f86aa,#1e8fe0dd,#0b4f86aa);border-radius:4px;padding:2px 0;font:900 clamp(10px,1.1vw,15px)/1.2 Impact,Arial Black,sans-serif;display:none;position:absolute;top:84%;left:-8%;right:-8%}.card .frz.show{display:block}.half.opp .card .frz{transform:rotate(180deg)}.card.rested .frz{left:8%;right:8%;transform:rotate(-90deg)}.half.opp .card.rested .frz{transform:rotate(90deg)}.card .pwm,.card .cst{text-align:center;text-shadow:0 0 3px #000,0 0 2px #000,2px 2px #000,-1px -1px #000;pointer-events:none;z-index:4;white-space:nowrap;font:900 clamp(15px,1.8vw,28px)/1 Impact,Arial Black,sans-serif;display:none;position:absolute;left:-10%;right:-10%}.card .pwm{top:62%}.card .pwm.up{color:#3dff6a}.card .pwm.down{color:#ff3b3b}.card .cst{color:#ff9a1f;font-size:clamp(12px,1.4vw,22px);top:14%}.card .pwm.show,.card .cst.show{display:block}.half.opp .card .pwm,.half.opp .card .cst{transform:rotate(180deg)}.card.rested .pwm,.card.rested .cst{left:8%;right:8%;transform:rotate(-90deg)}.half.opp .card.rested .pwm,.half.opp .card.rested .cst{transform:rotate(90deg)}.card.rested .pw.show~.pwm{display:none}.doncard.f{box-shadow:0 0 0 2px #1e8fe0,0 0 10px #1e8fe0}.card.attacking{box-shadow:0 0 0 3px var(--red),0 0 18px var(--red)}.card.myturn{animation:1.6s ease-in-out infinite alternate turnglow}.card.myturn.attacking{animation:none}@keyframes turnglow{0%{box-shadow:0 0 0 3px #fff,0 0 16px 4px #fff9}to{box-shadow:0 0 0 3px #fff,0 0 30px 12px #fff}}.card.defending{box-shadow:0 0 0 3px var(--accent),0 0 18px var(--accent)}.card.flash{animation:.7s flash}@keyframes flash{0%{filter:brightness()}30%{filter:brightness(2.2)saturate(0)}to{filter:brightness()}}.back{width:var(--cw);height:var(--ch);background:#1b2350 url(./cardback-CK-Zz5lA.jpg) 50%/cover no-repeat;border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 0 1px #0008,0 2px 6px #0008}.back .n{color:#fff;text-shadow:0 1px 4px #000;z-index:1;background:#000a;border-radius:6px;padding:0 6px;font-size:clamp(14px,1.6vw,24px);font-weight:900}.half.opp .n{transform:rotate(180deg)}.pile{position:relative}.pile .back{position:absolute;top:0;left:0}.pile{width:calc(var(--cw) + 8px);height:calc(var(--ch) + 8px)}.back.life{width:calc(var(--ch) * .7);height:calc(var(--cw) * .7);margin-top:calc(var(--ch) * (var(--ls,.33) - .501));background:0 0;box-shadow:0 0 0 1px #0008,0 -2px 6px #0007}.back.life:first-child{margin-top:0}.back.life:before{content:"";width:calc(var(--cw) * .7);height:calc(var(--ch) * .7);background:#1b2350 url(./cardback-CK-Zz5lA.jpg) 50%/cover no-repeat;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.lifecnt{color:#fff;background:#000a;border-radius:6px;margin-top:8px;padding:0 8px;font-size:clamp(13px,1.4vw,20px);font-weight:900}.doncard{width:calc(var(--cw) * .9);height:calc(var(--ch) * .9);color:#0000;background:#111 url(./don-DMdBCGrQ.jpg) 50%/cover no-repeat;border-radius:5px;flex:none;font-size:0;transition:transform .25s,margin .25s;box-shadow:-2px 0 4px #0008}.doncard+.doncard{margin-left:calc(var(--cw) * -.58)}.doncard.r+.doncard.r{margin-left:calc(var(--cw) * -.62)}.doncard.r+.doncard:not(.r){margin-left:calc(var(--ch) * .1)}.doncard.r{opacity:.8;transform:rotate(90deg)}.doncard.r:first-child{margin-left:calc((var(--ch) - var(--cw)) * .45)}.dond{width:calc(var(--cw) * .62);height:calc(var(--ch) * .62);filter:brightness(.8);background:#111 url(./don-DMdBCGrQ.jpg) 50%/cover no-repeat;border-radius:4px;justify-content:center;align-items:center;display:flex;box-shadow:2px 2px #444,4px 4px #222}.dond .n{color:#fff;background:#000b;font-size:14px}.cnt{color:#fff;z-index:2;background:#000a;border-radius:5px;padding:0 6px;font-size:12px;font-weight:800;position:absolute;bottom:2px;right:4px}.half.opp .cnt{transform:rotate(180deg)}#look{border:2px solid var(--accent);background:#120c07ee;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 10px 10px;display:none;box-shadow:0 8px 30px #000b}#look.show{display:flex}#look.p1{margin-top:auto}#look.p2{margin-bottom:auto}#look .ltitle{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}#look .ltitle small{color:var(--accent);margin-left:8px;font-weight:600}#look .lcards{justify-content:center;gap:6px;width:100%;display:flex}#look .card,#look .back{flex:0 1 var(--hcw);aspect-ratio:.716;width:auto;min-width:0;height:auto}.ghost{z-index:60;pointer-events:none;margin:0;position:fixed}#arrows{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}#result{pointer-events:none;z-index:6;text-align:center;flex-direction:column;align-items:center;gap:6px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#result.show{animation:.6s cubic-bezier(.2,1.4,.4,1) resultin;display:flex}#result .big{letter-spacing:.04em;color:#fff;text-shadow:0 0 12px #000,0 0 30px #000,0 4px #000;background:#000a;border:4px solid #fff;border-radius:16px;padding:10px 40px;font:900 clamp(48px,7vw,120px)/1 Impact,Arial Black,sans-serif}#result.win .big{color:#ffd24a;text-shadow:0 0 12px #000,0 0 40px #ffb300aa,0 4px #000;border-color:#ffd24a}#result.lose .big{color:#ff5f6d;text-shadow:0 0 12px #000,0 0 40px #ff2a3aaa,0 4px #000;border-color:#ff5f6d}#result .how{color:#fff;text-shadow:0 1px 3px #000;background:#000b;border-radius:8px;padding:4px 12px;font-weight:700}@keyframes resultin{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}#arrows path{fill:none;stroke:var(--red);stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 2px 3px #0009)}#arrows .head{fill:var(--red);filter:drop-shadow(0 2px 3px #0009)}#bar{background:#1a120bdd;border-top:1px solid #0006;flex-wrap:wrap;grid-column:1/4;align-items:center;gap:8px;padding:8px 12px;display:flex}#pos{font-variant-numeric:tabular-nums;color:#d8c8b0;text-align:center;min-width:72px}#step-text{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:110px;min-width:90px;overflow:hidden}.kbd{color:var(--muted);font-size:11px}#progress{color:#fff}#drop{z-index:12;background:var(--b-night);color:var(--b-text);font:16px/1.4 var(--b-body);text-align:center;flex-direction:column;display:flex;position:fixed;inset:0}#drop.hidden{display:none}#drop.over{outline:4px solid var(--b-gold);outline-offset:-4px;background:linear-gradient(var(--b-gold-soft),var(--b-gold-soft)) var(--b-night)}#drop .box{flex-direction:column;flex:1;gap:12px;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:18px clamp(16px,3vw,40px) 14px;display:flex;position:relative}#drop .box:not(.wide){justify-content:center}#drop p{margin:0}#drop label{color:var(--b-gold);cursor:pointer;text-underline-offset:3px;text-decoration:underline}:where(#drop) :is(button,select){background:var(--b-raised);border:1px solid var(--b-line);color:var(--b-text);border-radius:8px;padding:8px 14px;font-size:15px}:where(#drop) :is(button,select):hover{background:var(--b-hover);border-color:var(--b-line2)}#drop button.primary{background:var(--b-gold);border-color:var(--b-gold);color:var(--b-night);font-weight:700}#drop button.primary:hover{background:#ffd54a;border-color:#ffd54a}#drop-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}#btn-drop-home{grid-column:1;justify-self:start}#btn-drop-close{grid-column:3;justify-self:end}#drop h2{font:900 italic clamp(34px,3.2vw,50px)/1.05 var(--b-display);text-transform:uppercase;letter-spacing:.01em;color:var(--b-text);grid-column:2;margin:0}#drop-folder{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#btn-folder,#btn-refolder{padding:10px 20px;font-size:16px}#folder-name{color:var(--b-muted)}#drop-upload{color:var(--b-muted);font-size:15px}#lib{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}#lib[hidden]{display:none}#lib-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}#lib-bar select{max-width:270px}#lib-tabs{border:1px solid var(--b-line);border-radius:8px;display:flex;overflow:hidden}#lib-tabs button{background:var(--b-raised);border:0;border-radius:0;padding:8px 18px}#lib-tabs button.sel{background:var(--b-gold);color:var(--b-night);font-weight:700}#lib-sum{min-height:22px;color:var(--b-text);font-size:16px}#lib-sum b{color:var(--b-gold)}#loglist,#lib-stats{text-align:left;border-top:1px solid var(--b-line);scrollbar-width:thin;scrollbar-color:var(--b-line2) transparent;flex:1;min-height:0;margin:0;padding:0;overflow:auto}#loglist{list-style:none}#loglist li{border-bottom:1px solid var(--b-line);cursor:pointer;min-height:58px;color:var(--b-text);grid-template-columns:150px minmax(0,1fr) 28px minmax(0,1fr) 34px 124px 56px;align-items:center;gap:14px;padding:4px 14px;display:grid}#loglist li:nth-child(2n){background:#ffffff06}#loglist li:hover{background:var(--b-hover)}#loglist li.cur{background:var(--b-gold-soft);box-shadow:inset 4px 0 0 var(--b-gold)}#loglist li.raw{grid-template-columns:150px minmax(0,1fr) auto}#loglist li.g{grid-template-columns:150px minmax(0,1fr) 28px minmax(0,1fr) 34px 124px 56px 36px}#loglist li.empty{min-height:0;color:var(--b-muted);cursor:default;text-align:center;background:0 0;border:0;padding:48px 16px;font-size:16px;display:block}#loglist .d,#loglist .tn,#loglist .st,#loglist .x,#loglist .ord{color:var(--b-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}#loglist .x{color:var(--b-faint)}#loglist .x,#loglist .ord{text-align:center}#loglist .tn{text-align:right}#loglist .fn{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}#loglist .del{color:var(--b-muted);opacity:0;background:0 0;border-color:#0000;padding:4px 0;font-size:15px;transition:opacity .15s}#loglist li:hover .del,#loglist .del:focus{opacity:1}#loglist .del:hover{color:var(--b-red);border-color:var(--b-red)}#loglist .studied{color:var(--b-gold);opacity:.8;margin-right:8px;font-size:14px}.ld{align-items:center;gap:8px;min-width:0;display:flex}.ld img{aspect-ratio:.716;object-fit:cover;background:#2b3040;border-radius:3px;flex:none;width:26px}.ld .nm{min-width:0;line-height:1.2}.ld .nm b,.ld .nm small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ld .nm b{color:#fff;font-weight:600}.ld .nm small{color:var(--muted);font-size:11px}#loglist .ld{gap:12px}#loglist .ld img{aspect-ratio:auto;background:var(--b-raised);object-position:50% 18%;border-radius:5px;width:40px;height:50px}#drop .ld .nm b{color:var(--b-text);font-size:16px;font-weight:700}#drop .ld .nm small{color:var(--b-muted);margin-top:1px;font-size:13px}.rb{text-align:center;border-radius:6px;padding:2px 0;font-size:13px;font-weight:800}.rb.w{color:var(--ok);background:#48d28c33}.rb.l{color:var(--opp);background:#ff5f6d33}.rb.o{color:var(--muted)}#drop .rb{padding:4px 0;font-size:14px}#drop .rb.w{color:var(--b-win);background:#36c98b2e}#drop .rb.l{color:var(--b-loss);background:#ff5d632e}#drop .rb.o{color:var(--b-unsure);background:#9aa9c61a}#lib-stats{padding:0 4px}#lib-stats .lead{color:var(--b-text);align-items:center;gap:14px;margin:28px 0 8px;display:flex}#lib-stats .lead:first-child{margin-top:16px}#lib-stats .lead img{aspect-ratio:.716;background:var(--b-raised);object-fit:cover;border-radius:5px;width:44px}#lib-stats .lead b{font-size:19px;font-weight:700}#lib-stats .lead small{color:var(--b-muted);white-space:nowrap;margin-left:auto;font-size:15px}#lib-stats table{border-collapse:collapse;width:100%;font-size:15px}#lib-stats th{color:var(--b-muted);text-transform:uppercase;letter-spacing:.06em;text-align:right;border-bottom:1px solid var(--b-line2);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:600}#lib-stats td{text-align:right;color:var(--b-text);border-bottom:1px solid var(--b-line);font-variant-numeric:tabular-nums;white-space:nowrap;padding:6px 10px}#lib-stats th:first-child,#lib-stats td:first-child{text-align:left;width:32%}#lib-stats .ld img{background:var(--b-raised);border-radius:4px;width:32px}#lib-stats .ld .nm b{font-size:15px;font-weight:600}#lib-stats tr.mu{cursor:pointer}#lib-stats tr.mu:hover td{background:var(--b-hover)}#lib-stats .wr{font-weight:700}#lib-stats .wrbar{vertical-align:middle;background:#ff5d6355;border-radius:4px;width:90px;height:8px;margin-right:10px;display:inline-block;overflow:hidden}#lib-stats .wrbar i{background:var(--b-win);height:100%;display:block}#lib-stats .empty{color:var(--b-muted);text-align:center;padding:48px 16px;font-size:16px}#lib-progress{color:var(--b-muted);font-size:14px}#drop #progress{color:var(--b-text);font-size:15px}#lib-progress:empty,#drop #progress:empty{display:none}#drop-foot{color:var(--b-muted);flex-direction:column;gap:3px;font-size:13px;line-height:1.35;display:flex}@media (orientation:portrait),(width<=700px){#drop{overscroll-behavior:contain;overflow-y:auto}#drop .box{min-height:100%;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));flex:none;gap:10px}#lib,#loglist,#lib-stats{flex:none}#loglist,#lib-stats{overflow:visible}#drop-head{grid-template-columns:1fr 1fr;row-gap:6px}#drop h2{grid-area:2/1/auto/3;font-size:36px}#btn-drop-close{grid-column:2}:where(#drop) :is(button,select){font-size:16px}#lib-bar select{flex:40%;min-width:0;max-width:none}#loglist li,#loglist li.g,#loglist li.raw{flex-wrap:wrap;gap:6px 10px;padding:10px 6px;display:flex}#loglist .d{flex:0 0 100%}#loglist .ld{flex:38%}#loglist .rb{flex:0 0 40px}#drop-keys{display:none}#lib-stats table{display:block;overflow-x:auto}#lib-stats .lead{flex-wrap:wrap;row-gap:2px}#lib-stats .lead small{white-space:normal;flex:0 0 100%;margin-left:58px}}@media (hover:none){#loglist .del{opacity:1;padding:4px 10px}}input[type=text],input[type=password],textarea{font:inherit;color:var(--text);border:1px solid var(--line);background:#0006;border-radius:6px;min-width:0;padding:6px 8px}input[type=text]:focus,input[type=password]:focus,textarea:focus{border-color:var(--accent);outline:none}button:disabled{opacity:.45;cursor:default}#toast{color:var(--b-text);border:1px solid var(--b-gold);font-family:var(--b-body);z-index:40;opacity:0;pointer-events:none;text-align:center;overflow-wrap:anywhere;background:#0b1628f5;border-radius:10px;max-width:min(640px,90vw);padding:10px 16px;font-size:15px;transition:opacity .2s,transform .2s;position:fixed;bottom:76px;left:50%;transform:translate(-50%,20px);box-shadow:0 6px 24px #000a}#toast.show{opacity:1;transform:translate(-50%)}#left{position:relative}#notes{color:#e6d8c3;background:#1a120bee;border-radius:8px;flex-direction:column;flex:1 1 0;align-self:center;width:min(100%,400px);min-height:0;display:flex;box-shadow:0 6px 24px #000a}#notes[hidden]{display:none}#notes.wide{z-index:9;background:#1a120b;align-self:auto;width:min(700px,100vw - 40px);position:absolute;top:10px;bottom:10px;left:14px}#notes header{border-bottom:1px solid #0004;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.notes-tabs{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.notes-tabs button{background:#0004;border:0;border-radius:0;padding:5px 12px;font-size:13px}.notes-tabs button.sel{background:var(--accent);color:#1a1200;font-weight:700}.notes-tabs small{opacity:.75;font-size:11px}.notes-off{color:var(--muted);margin:0;padding:14px;font-size:13px}.notes-share{color:#d8c8b0;border-bottom:1px solid #0004;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 10px;font-size:12px;display:flex}.notes-share>span:first-child{flex:auto}.notes-share button{padding:2px 8px;font-size:12px}.priv{color:#d8c8b0}.shared{color:#8cc4ff}#notes-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow:auto}#notes-list li{cursor:pointer;border-left:3px solid #0000;border-radius:6px;padding:6px 8px}#notes-list li+li{margin-top:2px}#notes-list li:hover{background:#fff1}#notes-list li.cur{border-left-color:var(--accent);background:#f5b73a22}#notes-list li.other{border-left-color:#4aa3ff55}#notes-list li.other.cur{border-left-color:var(--you)}#notes-list li.hidden-note,#analysis .hidden-note{opacity:.55}#notes-list li.empty{color:var(--muted);cursor:default;font-size:13px}#notes-list li.empty:hover{background:0 0}#notes-list li.editing{cursor:default;background:#0003;flex-direction:column;gap:6px;display:flex}#notes-list li.editing textarea{resize:vertical;width:100%}#notes .h{align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}#notes .h .turn{color:var(--accent);flex:none}#notes .h small{color:var(--muted)}#notes .au{color:#fff;align-items:center;gap:5px;min-width:0;font-weight:600;display:inline-flex}#notes .au .nk{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#notes .av{object-fit:cover;color:#fff;background:#4aa3ff55;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.privacy{white-space:nowrap;border:1px solid #0000;border-radius:9px;flex:none;padding:0 6px;font-size:11px;line-height:1.5}.privacy.priv{color:#d8c8b0;background:#ffffff14}.privacy.shared{color:#8cc4ff;background:#4aa3ff26}button.privacy{cursor:pointer}button.privacy:hover{border-color:var(--accent)}.hid{color:#ff9a9a;white-space:nowrap;background:#e5322d33;border-radius:9px;flex:none;padding:0 6px;font-size:11px}#notes .acts{flex:none;gap:3px;margin-left:auto;display:flex}#notes .acts button{background:#0003;padding:0 6px;font-size:11px;line-height:1.7}#notes .acts .del:hover{color:var(--red);border-color:var(--red)}#notes-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 0;font-size:13px}#notes-list p.drawn{color:var(--accent);font-size:12px}.tags,.tags-edit{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.tag{color:#f5d99a;white-space:nowrap;background:#f5b73a22;border-radius:9px;align-items:center;gap:3px;padding:0 7px;font-size:11px;line-height:1.6;display:inline-flex}.tag button{color:#f5d99a;background:0 0;border:0;padding:0 2px;font-size:10px;line-height:1}.tag button:hover{color:#fff}.tag-new{width:110px;border-radius:9px!important;padding:2px 7px!important;font-size:12px!important}.tag-hints{flex-wrap:wrap;flex-basis:100%;gap:4px;display:flex}button.tag.hint{cursor:pointer;background:0 0;border:1px dashed #f5b73a66}button.tag.hint:hover{background:#f5b73a22}#notes-form{border-top:1px solid #0004;flex-direction:column;gap:6px;padding:8px;display:flex}#notes-form textarea{resize:none;width:100%}#notes .row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#notes .row .grow,.analysis-bar .grow{flex:1}.share-check{color:#d8c8b0;cursor:pointer;flex:1;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.share-check input{margin:0}#analysis{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;min-height:0;padding:10px 12px;overflow:auto}#analysis .mine{flex-direction:column;gap:6px;display:flex}.analysis-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.analysis-bar>button{padding:3px 10px;font-size:13px}.seg{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.seg button{background:#0004;border:0;border-radius:0;padding:3px 10px;font-size:13px}.seg button.sel{color:#fff;background:#f5b73a33}.save-state{color:var(--muted);font-size:12px}.save-state.ok{color:var(--ok)}.save-state.err{color:#ff9a9a}#analysis-text{resize:vertical;width:100%;height:clamp(220px,100vh - 380px,640px);font:13px/1.5 ui-monospace,Consolas,monospace}#analysis-text.empty{height:110px}#analysis .preview{cursor:text;background:#0003;border-radius:6px;min-height:120px;padding:8px 12px}#analysis .preview .empty{color:var(--muted);margin:6px 0}.md-help{color:var(--muted);margin:0;font-size:11px}.md-help code,.md code{background:#0005;border-radius:4px;padding:0 4px;font-size:.92em}#analysis article.other{border-top:1px solid #fff1;margin-top:12px;padding-top:10px}#analysis .others-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 0 0;font-size:11px}.md{color:#efe3d0;overflow-wrap:anywhere;font-size:13.5px;line-height:1.5}.md h3,.md h4,.md h5{color:#fff;margin:12px 0 4px;line-height:1.25}.md h3{font-size:17px}.md h4{color:var(--accent);font-size:15px}.md h5{font-size:13.5px}.md>:first-child{margin-top:4px}.md p{margin:6px 0}.md ul,.md ol{margin:4px 0;padding-left:20px}.md li{margin:2px 0}.md blockquote{color:#d8c8b0;border-left:3px solid #fff3;margin:6px 0;padding:2px 10px}.md hr{border:0;border-top:1px solid #fff2;margin:10px 0}.md strong{color:#fff}#btn-notes.dim{opacity:.5}#scrub-wrap{flex:90px;align-items:center;min-width:90px;display:flex;position:relative}#scrub-wrap input{flex:1;width:100%;margin:0}#scrub-marks i{background:var(--accent);cursor:pointer;border:1px solid #000;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-7px}#scrub-marks i.other{border:2px solid var(--you);background:#1a120b}#note-bubble{border:2px solid var(--accent);z-index:6;color:#fff;pointer-events:none;background:#120c07f5;border-radius:12px;max-width:min(520px,92%);padding:8px 14px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #000a}#note-bubble.show{display:block}#note-bubble p{overflow-wrap:anywhere;-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;margin:2px 0;display:-webkit-box;overflow:hidden}#note-bubble b{color:var(--accent)}#note-bubble .lock{font-size:11px}#note-bubble .more{color:var(--muted);font-size:12px}#ink-saved{z-index:5;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;max-width:80vw}dialog::backdrop{background:#0009}dialog .grid{flex-wrap:wrap;gap:8px;max-height:70vh;padding:4px;display:flex;overflow:auto}dialog .grid .card{width:var(--hcw);height:var(--hch)}dialog h3{margin:0 0 10px}#btn-menu{font-weight:700}#btn-menu.on{border-color:var(--accent);color:var(--accent)}#menu-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0007;display:none;position:fixed;inset:0}#menu-backdrop.show{display:block}#menu{z-index:21;background:var(--b-bg);border-right:1px solid var(--b-line);width:min(350px,92vw);color:var(--b-text);font-family:var(--b-body);flex-direction:column;font-size:15px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:8px 0 30px #000a}#menu.show{transform:none}#menu header{border-bottom:1px solid var(--b-line);background:var(--b-night);align-items:center;gap:10px;padding:12px 14px;display:flex}#menu header .logo{object-fit:contain;flex:none;width:38px;height:38px;display:block}#menu header h2{font:900 italic 18px/1.1 var(--b-display);letter-spacing:.03em;text-transform:uppercase;color:var(--b-text);margin:0}#menu header h2 small{font:500 12.5px/1.2 var(--b-body);letter-spacing:0;text-transform:none;color:var(--b-muted);margin-top:2px;display:block}#menu header button{margin-left:auto}#menu .body{scrollbar-width:thin;scrollbar-color:var(--b-line2) transparent;flex:1;padding:4px 0 12px;overflow:auto}#menu section{padding:10px 8px 6px}#menu section+section{border-top:1px solid var(--b-line)}#menu h3{font:700 12px/1.2 var(--b-body);letter-spacing:.14em;text-transform:uppercase;color:var(--b-gold);margin:0 0 4px 10px}:is(#menu,#home) .row{border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:6px 10px;display:flex}:is(#menu,#home) .row.act{cursor:pointer}:is(#menu,#home) .row.act:hover{background:var(--b-hover)}:is(#menu,#home) .row .ic{text-align:center;flex:none;width:24px;font-size:15px}:is(#menu,#home) .row .lbl{min-width:0;color:var(--b-text);flex:1}:is(#menu,#home) .row .lbl small{color:var(--b-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}:is(#menu,#home) .row.dis{opacity:.4;pointer-events:none}:is(#menu,#home) kbd{color:var(--b-text);background:var(--b-night);border:1px solid var(--b-line2);white-space:nowrap;border-bottom-width:2px;border-radius:4px;flex:none;padding:3px 5px;font:11px/1 ui-monospace,Consolas,monospace}.sw{cursor:pointer;background:#0008;border:1px solid #fff3;border-radius:11px;flex:none;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.sw:after{content:"";background:#aaa;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.sw.on{background:var(--ok);border-color:var(--ok)}.sw.on:after{background:#fff;transform:translate(18px)}:is(#menu,#home) .seg{border:1px solid var(--b-line2);border-radius:7px;flex:none;display:flex;overflow:hidden}:is(#menu,#home) .seg button{background:var(--b-night);border:0;border-radius:0;padding:4px 8px;font-size:13px}:is(#menu,#home) .seg button.sel{background:var(--b-gold);color:#1a1200;font-weight:700}#menu .sub{color:var(--b-muted);margin:6px 10px 2px 44px;font-size:12px}#menu .recent{margin:0;padding:0;list-style:none}#menu .recent li{cursor:pointer;color:var(--b-text);border-radius:8px;justify-content:space-between;gap:8px;padding:5px 10px 5px 44px;font-size:14px;display:flex}#menu .recent li:hover{background:var(--b-hover)}#menu .recent li.cur{color:var(--b-gold);font-weight:700}#menu .recent li span{color:var(--b-muted);white-space:nowrap;font-size:12px;font-weight:400}#menu .match{background:var(--b-panel);border:1px solid var(--b-line);border-radius:10px;margin:2px 10px 8px;padding:10px 12px;font-size:13px}#menu .match.empty{color:var(--b-muted);text-align:center}#menu .match .vs{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}#menu .match .vs img{aspect-ratio:.716;background:#2b3040;border-radius:4px;width:46px;margin:0 auto 4px;display:block;box-shadow:0 2px 6px #000a}#menu .match .vs b{color:var(--b-text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}#menu .match .vs small{color:var(--b-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}#menu .match .vs .you b{color:var(--you)}#menu .match .vs .opp b{color:var(--opp)}#menu .match .vs .x{font:900 italic 14px var(--b-display);color:var(--b-faint)}#menu .match .stats{color:var(--b-muted);text-align:center;justify-content:space-around;margin-top:8px;font-size:12px;display:flex}#menu .match .stats b{color:var(--b-text);font-size:15px;display:block}#menu .match .res{text-align:center;font:900 italic 16px var(--b-display);letter-spacing:.05em;text-transform:uppercase;margin-top:8px}#menu .match .res.win{color:var(--b-gold)}#menu .match .res.lose{color:var(--opp)}:is(#menu,#home) .keys{grid-template-columns:1fr 1fr;gap:5px 10px;margin:0 10px 6px;padding:0;font-size:13px;list-style:none;display:grid}:is(#menu,#home) .keys li{color:var(--b-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}:is(#menu,#home) .keys kbd{text-align:center;min-width:34px}#menu footer{border-top:1px solid var(--b-line);background:var(--b-night);color:var(--b-muted);justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;display:flex}#menu footer a{color:var(--b-gold);text-decoration:none}#menu footer a:hover{text-decoration:underline}:is(#home,#gate,#menu,#picker,#share,#toast){--bg:var(--b-bg);--panel:var(--b-panel);--panel2:var(--b-raised);--line:var(--b-line2);--text:var(--b-text);--muted:var(--b-muted);--accent:var(--b-gold);--red:var(--b-red)}#home{z-index:12;color:var(--b-text);font:500 15px/1.4 var(--b-body);background:radial-gradient(ellipse 40% 28% at 50% 0%, #f4c43014 0%, transparent 70%), radial-gradient(ellipse 70% 45% at 50% 0%, #1d3256aa 0%, transparent 70%), radial-gradient(ellipse 90% 50% at 50% 115%, #e0262d3d 0%, transparent 70%), linear-gradient(180deg,var(--b-bg) 0%,var(--b-night) 100%);flex-direction:column;align-items:center;gap:clamp(12px,3vh,30px);padding:clamp(16px,4vh,48px) 20px 14px;display:flex;position:fixed;inset:0;overflow:auto}#home.hidden{display:none}#home>header{text-align:center;z-index:1;position:relative}#home h1{margin:0;line-height:0}.brand-logo{filter:drop-shadow(0 6px 22px #000c);width:min(620px,86vw,52.5vh);height:auto;margin:0 auto;display:block}#home>header p{font:600 clamp(12px,1.1vw,15px)/1.3 var(--b-body);letter-spacing:.3em;text-transform:uppercase;color:var(--b-muted);margin:6px 0 0}#home-nav{z-index:1;flex-direction:column;gap:10px;width:min(400px,86vw);margin:auto 0;display:flex;position:relative}#home-nav[hidden],#home .hsub[hidden]{display:none}#home-nav button{border:2px solid var(--b-line);background:var(--b-panel);color:var(--b-text);font:900 italic clamp(19px,3vh,28px)/1.1 var(--b-display);letter-spacing:.05em;text-transform:uppercase;animation:.4s backwards homein;animation-delay:calc(var(--i) * 60ms);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:12px 18px;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}#home-nav button small{font:500 14px/1.3 var(--b-body);letter-spacing:0;text-transform:none;color:var(--b-muted);font-style:normal}#home-nav button:hover{border-color:var(--b-line2)}#home-nav button:focus{outline:none}#home-nav button.sel{background:var(--b-gold);border-color:var(--b-gold);color:#1a1200;transform:scale(1.05);box-shadow:0 8px 28px #f4c43044}#home-nav button.sel small{color:#1a1200cc}#home-nav button.sel:before{content:"▶";font-size:.6em;font-style:normal;position:absolute;top:50%;left:16px;transform:translateY(-50%)}@keyframes homein{0%{opacity:0;transform:translateY(14px)}}#home .hsub{background:var(--b-panel);border:1px solid var(--b-line);z-index:1;border-radius:14px;flex-direction:column;width:min(640px,94vw);min-height:0;margin:auto 0;padding:14px 16px 16px;animation:.3s backwards homein;display:flex;position:relative;box-shadow:0 12px 40px #0009}#home .hsub>header{border-bottom:1px solid var(--b-line);align-items:center;gap:12px;padding-bottom:10px;display:flex}#home .hsub h2{font:900 italic 24px/1 var(--b-display);letter-spacing:.04em;text-transform:uppercase;color:var(--b-text);margin:0}#home .hsub .body{scrollbar-width:thin;scrollbar-color:var(--b-line2) transparent;min-height:0;padding-top:10px;overflow:auto}#home .hsub h3{font:700 12px/1.2 var(--b-body);letter-spacing:.14em;text-transform:uppercase;color:var(--b-gold);margin:14px 0 4px 10px}#home .hsub h3:first-child{margin-top:0}#home .steps{counter-reset:s;flex-direction:column;gap:12px;margin:0 0 4px;padding:0 6px;list-style:none;display:flex}#home .steps li{counter-increment:s;grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid}#home .steps li:before{content:counter(s);background:var(--b-gold);color:#1a1200;width:32px;height:32px;font:900 italic 16px/32px var(--b-display);text-align:center;border-radius:50%}#home .steps b{color:var(--b-text);font-size:15px;display:block}#home .steps span{color:color-mix(in srgb,var(--b-text) 75%,var(--b-muted));font-size:14.5px;line-height:1.45}#home>footer{color:var(--b-muted);z-index:1;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;display:flex;position:relative}#home .bg{pointer-events:none;position:fixed;inset:0;overflow:hidden}#home .deco{bottom:calc(var(--ch) * -.35);opacity:.55;display:flex;position:absolute}#home .deco.l{left:3vw}#home .deco.r{right:3vw}#home .deco .back{margin:0 calc(var(--cw) * -.22);transform-origin:50% 120%;transform:rotate(calc(var(--r) * 1deg))}@media (width<=900px){#home .deco{display:none}}body.noanim .card,body.noanim .dcard,body.noanim .doncard{transition:none!important}body.noanim .card.flash,body.noanim .dcard.in{animation:none!important}#gate{z-index:20;color:var(--b-text);font:500 15px/1.4 var(--b-body);background:radial-gradient(ellipse 40% 28% at 50% 0%, #f4c43014 0%, transparent 70%), radial-gradient(ellipse 70% 45% at 50% 0%, #1d3256aa 0%, transparent 70%), radial-gradient(ellipse 90% 50% at 50% 115%, #e0262d3d 0%, transparent 70%), linear-gradient(180deg,var(--b-bg) 0%,var(--b-night) 100%);flex-direction:column;align-items:center;gap:clamp(18px,5vh,44px);padding:clamp(24px,8vh,80px) 16px 20px;display:flex;position:fixed;inset:0;overflow:auto}#gate>header{text-align:center}#gate h1{margin:0;line-height:0}#gate>header p{font:600 clamp(12px,1.1vw,15px)/1.3 var(--b-body);letter-spacing:.3em;text-transform:uppercase;color:var(--b-muted);margin:6px 0 0}.gate-card{background:var(--b-panel);border:1px solid var(--b-line);border-radius:14px;width:min(420px,100%);padding:20px 20px 18px;animation:.3s backwards homein;box-shadow:0 12px 40px #0009}.gate-card form{flex-direction:column;gap:10px;display:flex}.gate-card h2{font:900 italic 26px/1 var(--b-display);letter-spacing:.04em;text-transform:uppercase;color:var(--b-text);margin:0 0 6px}.gate-card p{color:color-mix(in srgb,var(--b-text) 75%,var(--b-muted));margin:0 0 12px;font-size:15px;line-height:1.45}.gate-card .err{color:var(--b-loss);margin:0}.gate-card .muted{color:var(--b-muted)}.gate-card input{letter-spacing:.12em;text-align:center;border:2px solid var(--b-line2);background:var(--b-night);color:var(--b-text);border-radius:8px;padding:10px 12px;font:700 20px/1.2 ui-monospace,Consolas,monospace}.gate-card input:focus{border-color:var(--b-gold);outline:none}.gate-card #gate-nick{font:600 18px/1.2 var(--b-body);letter-spacing:0}.gate-card button.primary{background:var(--b-gold);color:#1a1200;font:900 italic 18px/1 var(--b-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:8px;padding:11px}.gate-card button.primary:disabled{opacity:.6;cursor:wait}.gate-card button.link{color:var(--b-muted);cursor:pointer;background:0 0;border:0;align-self:center;font-size:14px}.gate-card a.discord{text-align:center;color:#fff;font:700 18px/1 var(--b-body);background:#5865f2;border-radius:8px;padding:12px;text-decoration:none;display:block}.gate-card a.discord:hover{background:#4752c4}#home .home-me{z-index:2;color:var(--b-text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;position:absolute;top:14px;right:16px}.avatar{object-fit:cover;background:var(--b-raised);border:1px solid var(--b-line2);width:26px;height:26px;color:var(--b-gold);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.admin ul{flex-direction:column;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.admin li{background:var(--b-raised);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.admin li.off{opacity:.55}.admin .who{flex-direction:column;flex:1;min-width:120px;display:flex}.admin .who b{color:var(--b-text)}.admin .who small{color:var(--b-muted);font-size:13px}.admin code{letter-spacing:.1em;color:var(--b-gold);background:var(--b-night);cursor:pointer;border-radius:6px;padding:6px 8px;font:700 16px/1 ui-monospace,Consolas,monospace}.admin button{border:1px solid var(--b-line2);background:var(--b-panel);color:var(--b-text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.admin button:hover{border-color:var(--b-gold)}.admin button.danger{background:var(--b-red);border-color:var(--b-red);color:#fff}.admin .muted{color:var(--b-muted);margin:4px 10px 10px;font-size:14px}#picker-back{z-index:34;position:fixed;inset:0}#picker-back.dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070f1ccc}#picker{z-index:35;background:var(--b-bg);width:290px;color:var(--b-text);font:500 15px/1.35 var(--b-body);text-align:left;scrollbar-width:thin;scrollbar-color:var(--b-line2) transparent;border:1px solid #f4c43066;border-radius:12px;flex-direction:column;gap:6px;padding:10px 10px 12px;animation:.14s ease-out pickin;display:flex;position:fixed;overflow:auto;box-shadow:0 10px 34px #000c}#picker.sheet{width:min(380px,100vw - 16px);max-height:min(72vh,560px);margin:0 auto;bottom:16px;left:0;right:0}@keyframes pickin{0%{opacity:0;transform:translateY(6px)}}#picker header{align-items:center;gap:8px;padding:0 2px 2px;display:flex}#picker header b{font:900 italic 16px/1 var(--b-display);letter-spacing:.04em;text-transform:uppercase;color:var(--b-text)}#picker .x{color:var(--b-muted);background:0 0;border-color:#0000;margin-left:auto;padding:2px 8px}#picker .why{color:color-mix(in srgb,var(--b-text) 75%,var(--b-muted));background:var(--b-gold-soft);border-left:3px solid var(--b-gold);border-radius:4px;margin:0;padding:6px 8px;font-size:13.5px;line-height:1.4}#picker .muted{color:var(--b-muted);margin:4px 2px;font-size:14px}#picker .err{color:var(--b-loss);margin:4px 2px;font-size:14px}#picker ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}#picker label{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}#picker label:hover{background:var(--b-hover)}#picker label.on{background:var(--b-gold-soft)}#picker input[type=checkbox]{width:18px;height:18px;accent-color:var(--b-gold);cursor:pointer;flex:none;margin:0}#picker .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}#picker label small{color:var(--b-muted);font-variant-numeric:tabular-nums;font-size:13px}#picker .quick{background:var(--b-gold);color:#1a1200;font:900 italic 18px/1.1 var(--b-display);letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:12px;display:flex}#picker .quick small{font:500 13px/1.2 var(--b-body);letter-spacing:0;text-transform:none;color:#1a1200cc}#picker .add{align-self:flex-start;font-weight:600;text-decoration:none}button.link{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;text-decoration:underline}button.danger{background:var(--red);border-color:var(--red);color:#fff}.nameform{flex-wrap:wrap;gap:6px;margin:0;display:flex}.nameform input{border:1px solid var(--b-line2);background:var(--b-night);min-width:0;color:var(--b-text);font:inherit;border-radius:7px;flex:140px;padding:7px 10px}.nameform input:focus{border-color:var(--b-gold);outline:none}.nameform button.primary{min-width:0}.nameform button:disabled{opacity:.5;cursor:default}.nameform button.primary:disabled{opacity:1;background:var(--b-raised);border-color:var(--b-line2);color:var(--b-faint)}#loglist li.g:has(.collect){grid-template-columns:150px minmax(0,1fr) 28px minmax(0,1fr) 34px 124px 56px 76px 36px}.collect{justify-content:flex-end;gap:2px;display:flex}.collect button{opacity:.45;background:0 0;border-color:#0000;padding:4px 6px;font-size:15px;line-height:1.2;transition:opacity .15s}#loglist li:hover .collect button,.collect button:focus{opacity:1}.collect button:hover{border-color:var(--b-gold);background:var(--b-raised)}#lib-source{border-color:#f4c43077;max-width:300px;font-weight:600}#lib-coll{background:var(--b-gold-soft);text-align:left;border:1px solid #f4c43044;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:10px 14px;display:flex}#lib-coll .cname{min-width:160px;color:var(--b-text);flex:1;font-size:17px;font-weight:700}#lib-coll .cname small{color:var(--b-muted);font-size:14px;font-weight:400;display:block}#lib-coll .nameform{flex:1}#home-nav .badge{background:var(--b-red);color:#fff;min-width:24px;height:24px;font:700 14px/24px var(--b-body);letter-spacing:0;border-radius:12px;padding:0 7px;font-style:normal;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #000a}.groups li.act{cursor:pointer}.groups li.act:hover{background:var(--b-hover)}.groups .gic{text-align:center;flex:none;width:28px;font-size:17px}.groups .go{color:var(--b-muted);padding:0 4px;font-size:20px}.groups li.invite{background:var(--b-gold-soft);border:1px solid #f4c43055}.admin.groups button.primary{background:var(--b-gold);color:#1a1200;border-color:var(--b-gold);font-weight:700}.admin.groups button.danger{background:var(--b-red);border-color:var(--b-red);color:#fff}.groups .hlink{color:var(--b-gold);background:0 0;border:0;padding:0 0 8px;font-size:14px}.groups .ghead{background:var(--b-gold-soft);border:1px solid #f4c43044;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;display:flex}.groups .ghead .who{flex-direction:column;flex:1;min-width:160px;display:flex}.groups .ghead .gname{font:900 italic 20px/1.1 var(--b-display);color:var(--b-text)}.groups .ghead small{color:var(--b-muted);font-size:13px}.groups .ghead .nameform{flex:1}.groups .greplays li{grid-template-columns:100px minmax(0,1fr) 18px minmax(0,1fr) 30px 28px;gap:8px;display:grid}.groups .greplays .d,.groups .greplays .x{color:var(--b-muted);white-space:nowrap;font-size:13px}.groups .greplays .x{text-align:center}.groups .greplays li.opening{opacity:.6;cursor:wait}.admin.groups .del{color:var(--b-muted);background:0 0;border-color:#0000;padding:2px 0}.admin.groups .del:hover{color:var(--b-red);border-color:var(--b-red)}.groups .nameform{margin:6px 0 2px}.admin.groups button.wide{width:100%;margin:2px 0 0;padding:8px}.groups .gfoot{flex-wrap:wrap;align-items:center;gap:10px;padding:0 4px;display:flex}.groups .gfoot small{color:var(--b-muted);flex:1;min-width:180px;font-size:13px}@media (orientation:portrait),(width<=700px){#btn-save,#btn-group{display:none}#picker.sheet{bottom:calc(8px + env(safe-area-inset-bottom,0px))}#picker label{padding:11px 8px}#picker input[type=checkbox]{width:22px;height:22px}.nameform input{font-size:16px}#lib-source{flex:100%;max-width:none}.collect{margin-left:auto}.collect button{opacity:1;padding:4px 9px;font-size:17px}.groups .greplays li{flex-wrap:wrap;gap:4px 8px;display:flex}.groups .greplays .d{flex:0 0 100%}.groups .greplays .ld{flex:34%}.groups .greplays .rb{flex:0 0 30px}}#share-back{z-index:34;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070f1ccc;position:fixed;inset:0}#share{z-index:35;background:var(--b-bg);width:min(460px,100vw - 24px);max-height:calc(100vh - 40px);color:var(--b-text);font:500 15px/1.35 var(--b-body);text-align:left;scrollbar-width:thin;scrollbar-color:var(--b-line2) transparent;border:1px solid #f4c43066;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px 14px;animation:.14s ease-out pickin;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 10px 34px #000c}#share header{align-items:center;gap:8px;padding:0 2px 4px;display:flex}#share header b{font:900 italic 18px/1 var(--b-display);letter-spacing:.04em;text-transform:uppercase;color:var(--b-text)}#share .x{color:var(--b-muted);background:0 0;border-color:#0000;margin-left:auto;padding:2px 8px}#share section{border-top:1px solid var(--b-line);flex-direction:column;gap:8px;padding:10px 2px 8px;display:flex}#share h3{font:700 12px/1.2 var(--b-body);letter-spacing:.14em;text-transform:uppercase;color:var(--b-gold);margin:0}#share .muted{color:var(--b-muted);margin:0;font-size:13.5px;line-height:1.4}#share button.primary{min-width:0}.share-switch{background:var(--b-panel);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.share-switch.on{background:#48d28c1a}.share-switch input{opacity:0;pointer-events:none;position:absolute}.share-switch b{color:var(--b-text);display:block}.share-switch small{color:var(--b-muted);font-size:13px;display:block}.share-url{gap:6px;display:flex}.share-url input{border:1px solid var(--b-line2);background:var(--b-night);min-width:0;color:var(--b-text);border-radius:7px;flex:1;padding:7px 10px;font:12.5px ui-monospace,Consolas,monospace}.share-sees{border-left:3px solid var(--b-gold);background:var(--b-gold-soft);color:var(--b-text);border-radius:4px;margin:0;padding:6px 10px;font-size:13.5px;line-height:1.55;list-style:none}.share-sees .no{color:var(--b-muted)}.share-count{margin:0;font-size:14px}.share-row{flex-wrap:wrap;gap:6px;display:flex}.share-row button{font-size:13.5px}.share-people{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.share-people li{background:var(--b-panel);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.share-people .who{flex-direction:column;flex:1;min-width:0;display:flex}.share-people .who b{color:var(--b-text)}.share-people small{color:var(--b-muted);font-size:13px}.share-people small.ok,.sharing .line-why.ok{color:var(--b-win)}.share-people button{padding:4px 10px;font-size:13px}.share-people button.danger{background:var(--b-red);border-color:var(--b-red);color:#fff}.share-trusted{color:var(--b-muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:13.5px;display:flex}.share-trusted span{flex:200px}#share .nameform input{font-size:14px}#btn-share.on{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset}a.btn{font:inherit;color:#fff;white-space:nowrap;background:#5865f2;border:1px solid #5865f2;border-radius:6px;align-items:center;padding:6px 12px;font-weight:600;text-decoration:none;display:inline-flex}a.btn:hover{background:#4752c4}.notes-invite{color:#f7e9d4;background:#f5b73a1f;border:1px solid #f5b73a55;border-radius:8px;margin:6px 8px 0;padding:8px 10px;font-size:12.5px}.notes-invite p{margin:0 0 6px;line-height:1.4}.notes-invite .row{gap:6px;display:flex}.notes-invite button{min-width:0;padding:3px 12px;font-size:12.5px}.notes-join{text-align:center;border-top:1px solid #0004;margin:0;padding:10px;font-size:13px}.notes-join a{color:var(--accent)}#analysis>.empty{color:var(--muted);font-size:13px}#loglist .pubmark{margin-right:8px;font-size:14px}.gate-card .gate-denied{background:var(--b-gold-soft);color:var(--b-text);border:1px solid #f4c43055;border-radius:8px;margin:0 0 14px;padding:8px 10px}.sharing .greplays li.line{grid-template-columns:100px minmax(0,1fr) 18px minmax(0,1fr) 30px}.sharing .line-more{cursor:default;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px 10px;display:flex}.sharing .line-more:empty{display:none}.sharing .line-why{color:var(--b-text);flex:200px;font-size:13.5px}.sharing .line-acts{gap:6px;margin-left:auto;display:flex}@media (orientation:portrait),(width<=700px){#share{top:auto;left:0;right:0;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100vw - 16px);max-height:calc(var(--vh) - 24px);margin:0 auto;transform:none}#share .nameform input,.share-url input{font-size:16px}.share-people button,.share-row button{padding:8px 12px;font-size:14px}#btn-join{display:none}.sharing .greplays li.line{flex-wrap:wrap;gap:4px 8px;display:flex}.sharing .greplays li.line .d{flex:0 0 100%}.sharing .greplays li.line .ld{flex:34%}.sharing .line-more{flex:0 0 100%}.sharing .line-acts button{padding:7px 12px;font-size:13px}}html{touch-action:manipulation}@media (orientation:portrait),(width<=700px){:root{--vh:100vh;--barh:126px;--ch:min(calc((100vw - 6px) / 5.6), calc((var(--vh) - var(--barh) - 96px) / 7.76), 240px);--hch:clamp(calc(var(--ch) * 1.1), calc((var(--vh) - var(--barh) - 96px - var(--ch) * 5.56) / 2), calc(var(--ch) * 1.7))}@supports (height:100dvh){:root{--vh:100dvh}}html,body{height:var(--vh);overscroll-behavior:none;-webkit-text-size-adjust:100%;overflow:hidden}#app{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}#left,#right{display:contents}#opp-hand{grid-row:1}#board{grid-area:2/1}#you-hand{grid-row:3}#bar{grid-area:4/1}#board,.hand,#bar button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.hand,#you-hand{height:calc(var(--hch) + 10px);padding:5px 6px}.hand .card.isknown{box-shadow:0 0 0 2px var(--accent),0 2px 6px #0008}.hand .hcnt{font-size:12px;bottom:3px}#board{justify-content:center;padding:3px}#mat{border-radius:8px;gap:4px}.half{gap:4px;padding:4px 6px}.a-chars,.a-stage,.a-cost,.a-trash{border-width:1px;border-radius:7px}.area:before{font-size:calc(var(--ch) * .2)}.a-chars{min-height:calc(var(--ch) + 6px);--cm:2px;padding:2px}.a-chars .card{margin:0 1px}.a-chars .card.rested{margin:0 calc((var(--ch) - var(--cw)) / 2 + 1px)}.a-stage{min-height:calc(var(--ch) + 2px);padding:0}.a-cost{min-height:calc(var(--ch) * .78 + 6px);padding:2px 6px}.a-trash{min-height:calc(var(--ch) * .78 + 6px)}.a-trash .card{width:calc(var(--cw) * .78);height:calc(var(--ch) * .78)}.a-resolve{margin-right:3px}.pile{width:calc(var(--cw) + 4px);height:calc(var(--ch) + 2px)}.lifecnt{margin-top:4px}.doncard{width:calc(var(--cw) * .72);height:calc(var(--ch) * .72)}.doncard+.doncard{margin-left:calc(var(--cw) * -.46)}.doncard.r+.doncard.r{margin-left:calc(var(--cw) * -.5)}.doncard.r+.doncard:not(.r){margin-left:calc(var(--ch) * .08)}.doncard.r:first-child{margin-left:calc((var(--ch) - var(--cw)) * .36)}.card .dcard{transform:translate(calc(var(--k) * -4px - 4px), calc(var(--k) * 6px + 6px))}.card .donx{right:-3px;bottom:calc(var(--n) * -6px - 12px);font-size:10px}.card .pw{font-size:calc(var(--ch) * .21)}.card .frz{font-size:calc(var(--ch) * .11)}.card .pwm{font-size:calc(var(--ch) * .18)}.card .cst{font-size:calc(var(--ch) * .13)}#result{width:max-content;max-width:96vw}#result .big{white-space:nowrap;padding:8px 22px;font-size:clamp(34px,11vw,120px)}#note-bubble{width:fit-content;max-width:none;margin:0 auto;padding:6px 10px;font-size:13px;top:8px;left:3%;right:3%;transform:none}#look{z-index:8;padding:6px 8px 8px;position:fixed;left:6px;right:6px}#look.p1{bottom:calc(var(--barh) + var(--hch) + 12px);margin:0}#look.p2{top:calc(var(--hch) + 12px);margin:0}#look .card,#look .back{flex-basis:calc(var(--cw) * 1.15)}#mid,#notes{top:auto;left:6px;right:6px;bottom:calc(var(--barh) + 6px);width:auto;height:min(calc(var(--vh) * .54),480px);z-index:9;background:#1a120bfa;position:fixed}#notes{flex:none;align-self:auto}.kb #notes{z-index:12;bottom:calc(var(--kb) + 6px);max-height:calc(var(--vvh,var(--vh)) - 12px)}#events li{white-space:normal;padding:7px 10px}#notes-list li{padding:8px}#notes.wide{top:auto;left:6px;right:6px;bottom:calc(var(--barh) + 6px);width:auto;height:calc(var(--vh) - var(--barh) - 12px);position:fixed}.kb #notes.wide{bottom:calc(var(--kb) + 6px);height:calc(var(--vvh,var(--vh)) - 12px)}#analysis-text{height:calc(var(--vh) * .42)}#analysis-text.empty{height:110px}#notes .acts button{min-width:30px;line-height:2}#notes textarea,#notes input,#bar select,#lib-bar select{font-size:16px}.tag-new{font-size:16px!important}#mid header button,#notes header button{min-width:40px;min-height:34px}#marker{align-items:stretch;position:fixed;top:6px;left:6px;right:6px}#btn-marker{display:none}#marker-menu{flex-flow:wrap;justify-content:center;align-items:center;gap:6px 10px;padding:8px}#marker-menu .hint{display:none}#marker-hint{align-self:center}#ink,#ink-saved{width:100%;height:100%}#preview{z-index:30;background:#000c;justify-content:center;gap:10px;width:auto;padding:16px;position:fixed;inset:0}#preview img{width:min(88vw, calc((var(--vh) - 110px) * .716), 460px)}#preview .pinfo{font-size:15px}#bar{height:var(--barh);grid-template-rows:32px 30px 40px;grid-template-columns:44px 1fr 1.5fr 1fr auto;align-content:center;gap:5px 6px;padding:6px 8px 8px;display:grid}#step-text{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:1/1/auto/5;align-self:center;min-width:0;font-size:13px;line-height:16px;display:-webkit-box}#pos{text-align:right;white-space:nowrap;grid-area:1/5;align-self:center;min-width:0;font-size:11px}#scrub-wrap{grid-area:2/1/auto/4;min-width:0}#scrub-wrap input{height:30px}#turns{grid-area:2/4/auto/6;width:100%;min-width:0;padding:2px 6px}#btn-menu{grid-area:3/1}#btn-prev{grid-area:3/2}#btn-play{grid-area:3/3;min-width:0}#btn-next{grid-area:3/4}#btn-notes{grid-area:3/5}#bar button{white-space:nowrap;padding:0 8px;font-size:15px}#bar .t,#speed,#btn-share,#btn-hand,#btn-log,#logsel,#btn-open{display:none}#scrub-marks i{top:3px}#toast{bottom:calc(var(--barh) + 12px)}dialog{max-width:94vw;padding:14px}dialog .grid{max-height:calc(var(--vh) - 150px);gap:6px}dialog .grid .card{aspect-ratio:.716;width:calc(23.5vw - 15px);height:auto}dialog .grid .card.zoom{width:100%}}@media (orientation:portrait) and (height<=680px),(width<=700px) and (height<=680px){:root{--barh:110px}#bar{grid-template-rows:16px 30px 40px}#step-text{-webkit-line-clamp:1}}@media (hover:none){.hand .card:hover,#opp-hand .card:hover{transform:none}:is(#menu,#home) kbd,:is(#menu,#home) .keys,#home>footer,#menu footer span,#home-tutorial h3{display:none}:is(#menu,#home) .row{min-height:46px}:is(#menu,#home) .seg button{padding:8px 9px;font-size:13px}#menu .recent li{padding-top:9px;padding-bottom:9px}}#root{display:contents}