:root,:root[data-theme=wood]{--gold: #d4a845;--gold-soft: #e6c988;--ivory: #f4ead2;--icon: #ffffff;--ink: #2a1a0e;--wood-1: #7a4a26;--wood-2: #5c3417;--wood-3: #43240f;--green: #4e7a3a;--green-2: #366026;--panel: rgba(28, 18, 10, .72);--panel-line: rgba(212, 168, 69, .28);--shadow: 0 18px 46px rgba(0, 0, 0, .55);--table-1: #6b4024;--table-2: #472711;--table-3: #2a160a;--table-4: #1a0f06;--sheen: rgba(255, 205, 145, .2);--accent-rgb: 70, 110, 60;--grain-1: 126, 78, 40;--grain-2: 48, 26, 11;--vignette: rgba(8, 3, 0, .68);--ring: rgba(212, 168, 69, .75);--ring-glow: rgba(212, 168, 69, .5);--board-1: #8a5a30;--board-2: #6b3f21;--board-3: #45260f;--pit-bg: #3a2110;--pit-rim: rgba(180, 120, 70, .28);--store-1: #5c3417;--store-2: #38200d;--pill-1: rgba(52, 34, 20, .85);--pill-2: rgba(30, 19, 11, .9);--card-1: rgba(60, 40, 22, .8);--card-2: rgba(30, 19, 11, .85);--avatar-1: #4a3320;--avatar-2: #3a2716;--avatar-face: #caa06e;--ivory-50: rgba(244 234 210 / .5);--ivory-60: rgba(244 234 210 / .6);--ivory-65: rgba(244 234 210 / .65);--ivory-66: rgba(244 234 210 / .66);--ivory-70: rgba(244 234 210 / .7);--ivory-72: rgba(244 234 210 / .72);--ivory-80: rgba(244 234 210 / .8);--wood-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='d' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.22 0.012' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.34 0 0 0 -0.17'/%3E%3C/filter%3E%3Cfilter id='l' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.22 0.012' numOctaves='4' seed='29' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.22 0 0 0 -0.13'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23d)'/%3E%3Crect width='600' height='600' filter='url(%23l)'/%3E%3C/svg%3E");--wood-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");font-synthesis:none}:root[data-theme=night]{--gold: #c9b072;--gold-soft: #e2d3a8;--ivory: #ecebe4;--ink: #10131a;--green: #4a7f66;--green-2: #2f5a47;--panel: rgba(14, 18, 26, .76);--panel-line: rgba(201, 176, 114, .24);--shadow: 0 18px 46px rgba(0, 0, 0, .7);--table-1: #26303f;--table-2: #182029;--table-3: #0e1319;--table-4: #06080c;--sheen: rgba(186, 210, 246, .09);--accent-rgb: 60, 100, 110;--grain-1: 40, 52, 66;--grain-2: 24, 32, 42;--vignette: rgba(0, 0, 0, .62);--ring: rgba(201, 176, 114, .8);--ring-glow: rgba(201, 176, 114, .45);--board-1: #37414f;--board-2: #262f3a;--board-3: #141a22;--pit-bg: #10151c;--pit-rim: rgba(120, 150, 180, .22);--store-1: #232c37;--store-2: #131920;--pill-1: rgba(28, 35, 46, .88);--pill-2: rgba(14, 18, 25, .92);--card-1: rgba(30, 38, 50, .82);--card-2: rgba(14, 18, 25, .88);--avatar-1: #2a3442;--avatar-2: #1c242e;--avatar-face: #8fa3b8;--ivory-50: rgba(236 235 228 / .5);--ivory-60: rgba(236 235 228 / .6);--ivory-65: rgba(236 235 228 / .65);--ivory-66: rgba(236 235 228 / .66);--ivory-70: rgba(236 235 228 / .7);--ivory-72: rgba(236 235 228 / .72);--ivory-80: rgba(236 235 228 / .8)}:root[data-theme=sand]{--gold: #a9772a;--gold-soft: #7a5518;--ivory: #2f2415;--icon: #2f2415;--ink: #2f2415;--green: #5d7f3f;--green-2: #46632c;--panel: rgba(255, 250, 238, .86);--panel-line: rgba(169, 119, 42, .32);--shadow: 0 16px 36px rgba(90, 66, 30, .28);--table-1: #f0e0c2;--table-2: #e3cda6;--table-3: #d3b784;--table-4: #c6a86f;--sheen: rgba(255, 252, 240, .5);--accent-rgb: 150, 170, 110;--grain-1: 214, 186, 138;--grain-2: 198, 166, 116;--vignette: rgba(120, 92, 46, .28);--ring: rgba(90, 60, 12, .9);--ring-glow: rgba(140, 96, 24, .45);--board-1: #d9b880;--board-2: #c69f63;--board-3: #a87f44;--pit-bg: #8a663a;--pit-rim: rgba(255, 232, 190, .4);--store-1: #c49b5c;--store-2: #a37c42;--pill-1: rgba(255, 250, 238, .9);--pill-2: rgba(244, 231, 205, .95);--card-1: rgba(255, 250, 238, .92);--card-2: rgba(243, 229, 202, .95);--avatar-1: #e0c391;--avatar-2: #c9a468;--avatar-face: #8a663a;--ivory-50: rgba(47 36 21 / .5);--ivory-60: rgba(47 36 21 / .6);--ivory-65: rgba(47 36 21 / .65);--ivory-66: rgba(47 36 21 / .66);--ivory-70: rgba(47 36 21 / .7);--ivory-72: rgba(47 36 21 / .72);--ivory-80: rgba(47 36 21 / .8)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ivory);font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;-webkit-font-smoothing:antialiased;background:var(--table-4);overflow-x:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font-family:inherit;touch-action:manipulation}.learn-body,.tut-text,.challenge-goal{-webkit-user-select:text;user-select:text}.app{min-height:100%;min-height:100dvh;position:relative;isolation:isolate}.app:before{content:"";position:fixed;inset:0;height:100lvh;z-index:-3;background:var(--wood-grain) 0 0 / 600px 100% repeat-x,repeating-linear-gradient(90.6deg,rgba(var(--grain-1),.1) 0px,rgba(var(--grain-2),.1) max(150px,17vw),rgba(var(--grain-1),.1) max(300px,34vw)),repeating-linear-gradient(89.4deg,rgba(var(--grain-2),.08) 0px,rgba(var(--grain-1),.08) max(235px,27vw),rgba(var(--grain-2),.08) max(470px,54vw)),radial-gradient(min(1400px,140vw) min(760px,80vh) at 50% -6%,var(--sheen),transparent 72%),linear-gradient(180deg,var(--table-1) 0%,var(--table-2) 30%,var(--table-3) 70%,var(--table-4) 100%)}.app:after{content:"";position:fixed;inset:0;height:100lvh;z-index:-2;pointer-events:none;background:var(--wood-noise) 0 0 / 180px 180px repeat,radial-gradient(min(760px,92vw) min(680px,78vh) at 50% 32%,rgba(255,208,150,.055),transparent 72%),radial-gradient(min(620px,46vw) min(520px,52vh) at -4% 82%,rgba(var(--accent-rgb),.1),transparent 66%),radial-gradient(min(560px,42vw) min(460px,46vh) at 104% 16%,rgba(var(--accent-rgb),.09),transparent 66%),radial-gradient(min(1500px,132vw) min(1150px,132vh) at 50% 30%,transparent 32%,var(--vignette) 100%)}.screen{max-width:1180px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) calc(clamp(12px,3vw,30px) + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(clamp(12px,3vw,30px) + env(safe-area-inset-left));min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.menu-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.menu-top-right{display:flex;gap:10px}.chip{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px)}.chip-body{display:flex;flex-direction:column;line-height:1.15}.chip-name{font-weight:600;font-size:.92rem}.chip-rating{color:var(--gold);font-size:.8rem;letter-spacing:.03em}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle at 50% 34%,var(--avatar-face) 0 34%,transparent 35%),radial-gradient(circle at 50% 96%,#7a5636 0 52%,transparent 53%),linear-gradient(160deg,var(--avatar-1),var(--avatar-2));background-color:var(--avatar-1);box-shadow:inset 0 2px 6px #0006;flex:none}.icon-btn,.round-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--panel-line);background:var(--panel);color:var(--ivory);font-size:1.05rem;cursor:pointer;display:grid;place-items:center;transition:transform .12s,border-color .2s,background .2s;backdrop-filter:blur(6px)}.icon-btn:hover,.round-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.icon-btn{color:var(--icon)}.icon-btn svg,.round-btn svg{width:22px;height:22px;color:var(--icon)}.menu-hero{text-align:center;margin:clamp(18px,6vh,60px) 0 clamp(20px,4vh,40px)}.hero-ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gold)}.hero-ornament .rule{width:74px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.diamond{color:var(--gold);font-size:.9rem}.title{font-size:clamp(3.2rem,12vw,6.4rem);margin:10px 0 6px;letter-spacing:.14em;font-weight:700;color:#efe4cd;text-shadow:0 2px 0 rgba(0,0,0,.35),0 10px 30px rgba(0,0,0,.5)}.menu .title{letter-spacing:.08em}.tagline{margin:0;color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:clamp(.72rem,2.2vw,.92rem)}.menu-actions{display:flex;flex-direction:column;gap:12px;max-width:460px;width:100%;margin:auto}a.pill{text-decoration:none;color:inherit}.pill{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:16px;border:1px solid var(--panel-line);background:linear-gradient(180deg,var(--pill-1),var(--pill-2));color:var(--ivory);cursor:pointer;text-align:left;box-shadow:var(--shadow);transition:transform .12s,border-color .2s;font-family:inherit}.pill:hover{transform:translateY(-2px);border-color:var(--gold)}.pill-green{background:linear-gradient(180deg,#5a8c40,#34611f);border-color:#ffffff2e}.menu-actions .pill{justify-content:flex-start}.pill-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;color:var(--icon);font-size:1.5rem}.pill-icon svg{width:31px;height:31px}.pill-body{display:flex;flex-direction:column}.pill-title{font-weight:700;letter-spacing:.09em;font-size:1.05rem}.pill-title-caps{text-transform:uppercase}.pill-sub{color:var(--ivory-70);font-size:.82rem}.level-head{display:flex;align-items:center;gap:14px;color:var(--gold-soft);letter-spacing:.05em;padding:2px 4px}.back-link{background:none;border:none;color:var(--gold);cursor:pointer;font-family:inherit;font-size:.95rem}.pill-level{align-items:center}.level-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,var(--gold),#a97e28);color:#2a1a08;font-weight:800;font-size:1.1rem}.menu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto;padding-top:26px}.info-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-line);color:var(--ivory);text-align:left;cursor:pointer;font-family:inherit;font-size:.9rem;transition:border-color .2s,transform .12s}.info-card:hover{border-color:var(--gold);transform:translateY(-2px)}.info-icon{font-size:1.3rem}.muted{color:var(--ivory-60);font-size:.8rem}.game-top{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,2vw,12px)}.game-top>:last-child{justify-self:end}.game-top-right{display:flex;gap:clamp(8px,2vw,10px)}.brand{color:var(--gold);letter-spacing:.42em;font-size:clamp(1rem,3vw,1.5rem);padding-left:.42em}.play-area{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"you  turn  opp" "board board board";align-items:center;gap:clamp(8px,2vw,20px);margin:16px 0 auto}.play-area .turn-center{grid-area:turn}.play-area .pcard-you{grid-area:you}.play-area .pcard-opp{grid-area:opp}.play-area .board-wrap{grid-area:board;min-width:0}.pcard{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--panel-line);box-shadow:var(--shadow);transition:border-color .25s,box-shadow .25s}.pcard-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 26px #d4a84547}.pcard-you{justify-content:flex-start}.pcard-opp{justify-content:flex-end}.pcard .avatar{width:52px;height:52px;order:-1}.pcard-opp .avatar{order:2}.pcard-info{display:flex;flex-direction:column;gap:6px}.pcard-opp .pcard-info{align-items:flex-end}.pcard-name{font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:8px;min-width:0}.pcard-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard-score{font-size:clamp(1.6rem,5vw,2.3rem);font-weight:800;color:var(--gold-soft);min-width:1.4em;text-align:center}.live-dot{width:9px;height:9px;border-radius:50%;background:#6ad06a;box-shadow:0 0 8px #6ad06a}.turn-center{text-align:center;min-width:150px;max-width:360px;margin:0 auto}.turn-pill-slot{display:flex;align-items:center;justify-content:center;min-height:44px}.turn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--gold);color:var(--ivory);font-size:1.02rem;letter-spacing:.04em;box-shadow:0 0 22px #d4a84533}.turn-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.turn-pill-think .turn-dot{animation:pulse-dot .9s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}.turn-line-row{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:7px}.turn-line-stack{display:grid;min-width:0;flex:0 1 auto}.turn-line-stack>.turn-line{grid-area:1 / 1}.turn-line{color:var(--ivory-72);font-size:.86rem}.turn-line-ghost{visibility:hidden;pointer-events:none}.turn-close-spacer{width:32px;flex:none}.board-wrap{display:flex;justify-content:center;margin:4px 0 auto}.board{display:flex;align-items:stretch;gap:clamp(6px,1.4vw,16px);padding:clamp(12px,2.4vw,26px);border-radius:90px;background:var(--wood-grain) 0 0 / 600px 100% repeat-x,radial-gradient(120% 90% at 50% -12%,rgba(255,214,160,.14),transparent 62%),linear-gradient(176deg,var(--board-1) 0%,var(--board-2) 46%,var(--board-3) 100%);box-shadow:inset 0 3px 8px #ffdcaa38,inset 0 0 0 1px #d4a8451f,inset 0 -14px 30px #00000080,0 26px 60px #0009;border:1px solid rgba(0,0,0,.4);max-width:100%}.pit-grid{display:flex;justify-content:center;gap:4px;position:relative}.pit-row{display:flex;gap:clamp(6px,1.4vw,16px)}.board-midline-landscape{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.4) 20%,rgba(0,0,0,.4) 80%,transparent);margin:2px 6px}.board-midline-portrait{width:1px;margin:6px 2px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4) 20%,rgba(0,0,0,.4) 80%,transparent)}.pit{--size: clamp(52px, 9.4vw, 96px);width:var(--size);height:var(--size);border-radius:50%;border:none;background:radial-gradient(circle at 50% 32%,rgba(0,0,0,.5) 0%,rgba(0,0,0,.28) 40%,transparent 62%),radial-gradient(circle at 50% 100%,rgba(120,78,42,.5),transparent 60%);background-color:var(--pit-bg);box-shadow:inset 0 8px 16px #0000009e,inset 0 -3px 5px var(--pit-rim);position:relative;cursor:default;padding:0;transition:box-shadow .22s,transform .12s,opacity .18s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pit-legal{cursor:pointer;touch-action:none;box-shadow:inset 0 8px 16px #0000008c,0 0 0 2px var(--ring),0 0 22px var(--ring-glow)}.pit-legal:hover{transform:translateY(-2px)}.pit-active{box-shadow:inset 0 8px 16px #00000080,0 0 0 2px var(--gold-soft),0 0 26px #e6c98899}.pit-hint{animation:hint-pulse .7s ease-in-out infinite}@keyframes hint-pulse{0%,to{box-shadow:inset 0 8px 16px #00000080,0 0 0 2px #6ec86e99,0 0 10px #6ec86e66}50%{box-shadow:inset 0 8px 16px #00000080,0 0 0 3px #8ce68cf2,0 0 30px #8ce68cbf}}.pit-capturing{animation:cap-flash .4s ease}@keyframes cap-flash{0%{box-shadow:inset 0 8px 16px #00000080,0 0 0 3px #e6c988e6,0 0 30px #e6c988cc}to{box-shadow:inset 0 8px 16px #0000009e}}.pit-bowl{position:absolute;inset:0}.pit-count{position:absolute;right:-2px;bottom:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#140c06e6;border:1px solid var(--panel-line);color:var(--gold-soft);font-size:.72rem;font-weight:700;display:grid;place-items:center;font-family:Georgia,serif}.pit-target{box-shadow:inset 0 8px 16px #00000080,0 0 0 3px #e6c988f2,0 0 26px #e6c9888c}.seeds{position:absolute;inset:12%}.seed{position:absolute;width:22%;height:22%;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset -1px -2px 3px #00000080,0 2px 3px #00000073}.store .seed{width:15px;height:15px}.seed-green{background:radial-gradient(circle at 34% 30%,#a7d288,#6e9a54 45%,#3f6030)}.seed-ivory{background:radial-gradient(circle at 34% 30%,#fbf4e2,#e5d4b0 48%,#b39d74)}.seed-gold{background:radial-gradient(circle at 34% 30%,#f4d488,#d4a845 46%,#98701f)}.seed-brown{background:radial-gradient(circle at 34% 30%,#9a6b44,#6d4423 46%,#3f2612)}.store{width:clamp(46px,7vw,86px);border-radius:60px;background:radial-gradient(circle at 50% 22%,rgba(0,0,0,.42),transparent 60%),linear-gradient(180deg,var(--store-1),var(--store-2));box-shadow:inset 0 10px 20px #0000009e,inset 0 -3px 5px var(--pit-rim);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;padding:10px 0 8px}.store-hollow{position:absolute;inset:10px}.store-hollow .seed{position:absolute;transform:none}.store-count{position:relative;z-index:2;background:#140c06d9;border:1px solid var(--panel-line);color:var(--gold-soft);font-weight:700;font-size:.8rem;border-radius:999px;padding:2px 9px}.game-bottom{display:flex;flex-direction:column;gap:14px;margin-top:16px}.tip-card{display:flex;align-items:center;gap:14px;max-width:560px;margin:0 auto;width:100%;padding:14px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px)}.tip-orn{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid var(--panel-line);color:var(--gold)}.tip-stack{display:grid;flex:1 1 auto;min-width:0;align-items:center}.tip-stack>.tip-body{grid-area:1 / 1}.tip-body-ghost{visibility:hidden;pointer-events:none}.tip-text{font-size:.9rem;color:var(--ivory-80);line-height:1.35}.tip-more{display:block;background:none;border:none;color:var(--gold);cursor:pointer;font-family:inherit;padding:4px 0 0;font-size:.85rem;text-align:left}.tip-close{flex:none;width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;background:none;color:var(--ivory-60);font-family:inherit;font-size:1.1rem;line-height:1;cursor:pointer;transition:color .2s,border-color .2s}.tip-close:hover{color:var(--gold);border-color:var(--panel-line)}.tip-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.game-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.ctrl{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-line);color:var(--ivory);cursor:pointer;font-family:inherit;font-size:.95rem;transition:border-color .2s,transform .12s}.ctrl:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.ctrl:disabled{opacity:.4;cursor:not-allowed}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0009,#000000d9);backdrop-filter:blur(4px);animation:fade .3s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.over-card{width:min(92vw,420px);padding:30px 26px;border-radius:22px;text-align:center;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--gold);box-shadow:var(--shadow),0 0 50px #d4a84533;display:flex;flex-direction:column;gap:12px}.over-title{font-size:2rem;margin:6px 0 2px;color:#efe4cd;letter-spacing:.03em}.over-score{display:flex;justify-content:center;align-items:baseline;gap:12px;font-size:1.1rem;color:var(--gold-soft);margin-bottom:8px}.over-score strong{font-size:1.7rem;color:var(--ivory)}.over-dash{color:var(--ivory-50)}.over-card a.pill{text-decoration:none;color:inherit}.pill{justify-content:center}.over-card .pill-body{align-items:center}.learn-body{max-width:620px;margin:0 auto;padding:20px 0 40px}.learn-title{text-align:center;font-size:1.9rem;color:#efe4cd;margin:12px 0 4px;letter-spacing:.03em}.learn-lead{text-align:center;color:var(--ivory-72);margin:0 0 24px}.rule-block{display:flex;gap:16px;padding:16px;border-radius:14px;margin-bottom:12px;background:var(--panel);border:1px solid var(--panel-line)}.rule-num{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#2a1a08;background:linear-gradient(160deg,var(--gold-soft),var(--gold))}.rule-block h3{margin:2px 0 6px;color:var(--gold-soft);letter-spacing:.03em}.rule-block p{margin:0;color:var(--ivory-80);line-height:1.45}.learn-cta{max-width:240px;margin:22px auto 0;justify-content:center}.toast{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;background:#140c06f0;border:1px solid var(--gold);color:var(--ivory);padding:12px 22px;border-radius:999px;box-shadow:var(--shadow);animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.over-note{margin:-4px 0 6px;color:var(--gold-soft);font-size:.92rem}.challenges-body{max-width:680px;margin:0 auto;width:100%;padding:16px 0 40px}.challenge-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.challenge-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,var(--pill-1),var(--pill-2));border:1px solid var(--panel-line);color:var(--ivory);text-align:left;cursor:pointer;font-family:inherit;transition:border-color .2s,transform .12s}.challenge-item:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.challenge-item.locked{opacity:.5;cursor:not-allowed}.challenge-item.done{border-color:#6e9650b3}.challenge-num{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:1.05rem;background:linear-gradient(160deg,var(--gold-soft),var(--gold));color:#2a1a08}.challenge-item.locked .challenge-num{background:#00000059;color:var(--ivory)}.challenge-item.done .challenge-num{background:linear-gradient(160deg,#7fae5f,#4e7a3a);color:#10240a}.challenge-text{display:flex;flex-direction:column;gap:3px}.challenge-head{font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}.challenge-tag{font-size:.68rem;letter-spacing:.04em;padding:1px 8px;border-radius:999px;background:#d4a8452e;border:1px solid var(--panel-line);color:var(--gold-soft)}.challenge-goal{color:var(--ivory-72);font-size:.86rem;line-height:1.35}.goal-card{border-color:var(--gold)}.goal-title{color:var(--gold-soft);font-weight:700;letter-spacing:.05em;font-size:.8rem;text-transform:uppercase;margin-bottom:3px}.tut-progress{min-width:56px;text-align:right;color:var(--gold-soft);font-size:.9rem;letter-spacing:.05em}.tut-card{display:flex;align-items:center;gap:14px;max-width:620px;margin:16px auto 6px;width:100%;padding:16px 20px;border-radius:16px;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--gold);box-shadow:0 0 24px #d4a84524}.tut-card-tappable{cursor:pointer}.tut-card-tappable:hover{border-color:var(--ivory)}.tut-card-tappable:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.tut-text-stack{display:grid;flex:1 1 auto;min-width:0;align-items:center}.tut-text-stack>.tut-text{grid-area:1 / 1}.tut-text{font-size:1.02rem;line-height:1.4;color:var(--ivory)}.tut-text-ghost{visibility:hidden;pointer-events:none}.tut-footer{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:16px}.tut-hint{color:var(--gold-soft);font-size:.92rem;letter-spacing:.02em;min-height:1.3em}.tut-primary{min-height:62px;align-items:center}.tut-next{min-width:200px;justify-content:center}.tut-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tut-nav .ctrl{padding:9px 16px;font-size:.88rem}.tut-nav .ctrl:disabled{opacity:.4;cursor:default}.tutorial .board-wrap{margin-top:6px}@media (max-width: 620px){.menu-cards{grid-template-columns:1fr}.play-area{grid-template-areas:"turn turn turn" "you  board opp";gap:8px;margin-top:10px}.pcard{flex-direction:column;gap:4px;padding:10px 6px;min-width:0}.pcard-you,.pcard-opp{justify-content:center}.pcard .avatar,.pcard-opp .avatar{width:38px;height:38px;order:-1}.pcard-info,.pcard-opp .pcard-info{align-items:center;max-width:100%}.pcard-score,.pcard-opp .pcard-score{order:1}.pcard-name{font-size:.78rem;gap:5px;max-width:100%}.pcard-score{font-size:clamp(1.3rem,6vw,1.8rem)}.turn-center{min-width:0;max-width:100%}.game-top-right>.round-btn:first-child{position:absolute;top:calc(100% + 8px);right:0}.net-banner{max-width:calc(100% - 104px)}.pit{--size: clamp(42px, 13vw, 70px)}.board{align-items:center;border-radius:60px;gap:10px;padding:16px 20px}.store{width:auto;height:clamp(46px,12vw,70px);flex-direction:row;padding:0 12px}.store-hollow{inset:8px}.tutorial .tut-card{margin:10px auto 4px;padding:12px 14px;gap:10px}.tutorial .tip-orn{width:34px;height:34px}.tutorial .tut-text{font-size:.95rem}.tutorial .tut-footer{gap:8px;margin-top:10px}.tutorial .tut-hint{font-size:.85rem}.tutorial .tut-primary{min-height:56px}.tutorial .tut-nav .ctrl{padding:8px 12px;font-size:.82rem}}@media (max-width: 380px){.brand{letter-spacing:.24em}}@media (hover: none){.pill:hover,.info-card:hover,.icon-btn:hover,.round-btn:hover,.ctrl:hover:not(:disabled),.challenge-item:hover:not(:disabled),.pit-legal:hover{transform:none}}.pit-legal:active{transform:scale(.96)}.pill:active,.ctrl:active,.info-card:active,.challenge-item:active:not(:disabled){transform:scale(.985)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}:where(button,a,input,[role=switch],[role=radio]):focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}.pit:focus-visible{outline-offset:4px;border-radius:50%}.avatar-clay{--avatar-1: #6b4a2c;--avatar-2: #4a3320;--avatar-face: #caa06e}.avatar-olive{--avatar-1: #4f5c36;--avatar-2: #38431f;--avatar-face: #b7c98c}.avatar-indigo{--avatar-1: #37406b;--avatar-2: #232a4a;--avatar-face: #93a2d6}.avatar-amber{--avatar-1: #7d5a1c;--avatar-2: #573d10;--avatar-face: #eec877}.avatar-plum{--avatar-1: #5c3350;--avatar-2: #3f2237;--avatar-face: #d195c1}.avatar-teal{--avatar-1: #2f5a58;--avatar-2: #1e3d3c;--avatar-face: #8ecfc9}.avatar-picker{display:flex;gap:8px;flex-wrap:wrap}.avatar-pick{width:38px;height:38px;cursor:pointer;border:2px solid transparent;padding:0}.avatar-pick.avatar-on{border-color:var(--gold);box-shadow:0 0 0 3px #d4a84547}.chip-avatar{border:1px solid var(--panel-line);cursor:pointer;color:var(--ivory);text-align:left;font-family:inherit}.chip-avatar:hover{border-color:var(--gold)}.panel-body{max-width:640px;margin:0 auto;width:100%;padding:18px 0 40px}.empty-note{text-align:center;color:var(--ivory-65);padding:26px 10px;margin:0}.set-section{margin-top:24px}.set-head{color:var(--gold-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;margin:26px 0 10px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-radius:14px;margin-bottom:8px;background:var(--panel);border:1px solid var(--panel-line)}.set-label{display:flex;flex-direction:column;gap:3px;min-width:0}.set-help{font-size:.78rem;color:var(--ivory-60);line-height:1.3}.set-help-block{display:block;margin:0 0 12px;padding:0 4px}.set-control{flex:none}.set-value{color:var(--gold);font-weight:700;white-space:nowrap}.set-actions{display:flex;flex-direction:column;gap:8px}@media (max-width: 480px){.set-row:has(.segmented){flex-direction:column;align-items:stretch;gap:10px}.set-row:has(.segmented) .set-control{align-self:stretch}.set-row:has(.segmented) .segmented{justify-content:space-between}.seg{flex:1;text-align:center}}.ctrl-danger{border-color:#be5a468c}.toggle{width:52px;height:30px;border-radius:999px;padding:3px;border:1px solid var(--panel-line);background:#00000047;cursor:pointer;display:flex;align-items:center;transition:background .18s,border-color .18s}.toggle-knob{width:22px;height:22px;border-radius:50%;background:var(--gold-soft);transition:transform .18s}.toggle-on{background:var(--green);border-color:var(--green-2)}.toggle-on .toggle-knob{transform:translate(22px);background:#fff}.segmented{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:#00000042;border:1px solid var(--panel-line);flex-wrap:wrap}.seg{border:none;background:none;color:var(--ivory);padding:7px 13px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.84rem;transition:background .16s,color .16s}.seg-on{background:linear-gradient(160deg,var(--gold-soft),var(--gold));color:var(--ink);font-weight:700}.text-input{background:#00000042;border:1px solid var(--panel-line);color:var(--ivory);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:.95rem;width:190px;max-width:46vw}.rank-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:18px;margin-top:6px;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--gold);box-shadow:var(--shadow)}.rank-badge{width:74px;height:74px;flex:none;border-radius:20px;display:grid;place-items:center;font-size:1.5rem;font-weight:800;color:var(--ink);background:linear-gradient(160deg,var(--gold-soft),var(--gold))}.rank-body{flex:1;min-width:0}.rank-name{font-size:1.25rem;font-weight:700;letter-spacing:.03em}.rank-next{font-size:.82rem;color:var(--ivory-70);margin-top:2px}.rank-track{height:6px;border-radius:999px;margin:9px 0 6px;background:#0000004d;overflow:hidden}.rank-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold))}.rank-peak{font-size:.76rem;color:var(--gold-soft);letter-spacing:.04em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:10px;margin-top:18px}.stat-tile{padding:14px;border-radius:14px;text-align:center;background:var(--panel);border:1px solid var(--panel-line)}.stat-value{font-size:1.7rem;font-weight:800;color:var(--gold-soft);line-height:1.1}.stat-label{font-size:.78rem;color:var(--ivory-72);margin-top:4px}.stat-sub{font-size:.7rem;color:var(--ivory-50);margin-top:2px}.level-table{display:flex;flex-direction:column;gap:7px}.level-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-line)}.level-badge-sm{width:28px;height:28px;border-radius:9px;font-size:.85rem}.level-row-name{font-weight:600;min-width:84px}.level-row-detail{flex:1;color:var(--ivory-66);font-size:.84rem}.level-row-rate{color:var(--gold-soft);font-weight:700}.rec-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.rec-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;background:var(--panel);border:1px solid var(--panel-line)}.rec-rank{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.82rem;background:linear-gradient(160deg,var(--gold-soft),var(--gold));color:var(--ink)}.rec-badge{flex:none;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--panel-line)}.rec-badge-win{background:#6ea0503d;color:#b6dd94}.rec-badge-loss{background:#b4504633;color:#e2a49c}.rec-badge-draw{background:#96969629}.rec-body{flex:1;display:flex;flex-direction:column;min-width:0}.rec-score{font-weight:700;letter-spacing:.04em}.rec-meta{font-size:.76rem;color:var(--ivory-60)}.rec-delta{font-variant-numeric:tabular-nums;color:var(--gold-soft);font-weight:700}.over-rating{margin:-2px 0 4px;color:var(--ivory-80);font-size:.92rem}.delta-up{color:#8fd07a;font-weight:700}.delta-down{color:#e08a80;font-weight:700}.overlay-static{animation:none;position:static;background:none;backdrop-filter:none;min-height:70vh}.error-details{text-align:left;font-size:.8rem;color:var(--ivory-70)}.error-details pre{white-space:pre-wrap;word-break:break-word;margin:8px 0 0}.net-banner{margin:0 auto 10px;padding:8px 16px;max-width:520px;border-radius:999px;text-align:center;font-size:.85rem;background:var(--panel);border:1px solid var(--gold);color:var(--gold-soft)}.wait-card{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto;padding:26px 22px;max-width:420px;width:100%;border-radius:18px;text-align:center;background:var(--panel);border:1px solid var(--panel-line);box-shadow:var(--shadow)}.wait-label{margin:0;font-size:.8rem;letter-spacing:.14em;color:var(--ivory-70)}.room-code{margin:0;font-size:2.4rem;font-weight:700;letter-spacing:.32em;text-indent:.32em;color:var(--gold)}.wait-line{margin:0;color:var(--ivory);font-size:.95rem}.wait-hint{margin:0;color:var(--ivory-70);font-size:.82rem;max-width:32ch}.qr{width:190px;height:190px;display:block;border-radius:8px;background:#fff}.account-line{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.account-name{color:var(--gold);font-weight:700}.wait-dots{display:flex;gap:6px}.wait-dots span{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:waitPulse 1.2s ease-in-out infinite}.wait-dots span:nth-child(2){animation-delay:.15s}.wait-dots span:nth-child(3){animation-delay:.3s}@keyframes waitPulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.code-form{display:flex;flex-direction:column;gap:12px}.code-input{padding:14px;border-radius:14px;text-align:center;font-family:inherit;font-size:1.6rem;font-weight:700;letter-spacing:.3em;text-indent:.3em;background:var(--pill-2);border:1px solid var(--panel-line);color:var(--gold)}.code-input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ctrl-warn{border-color:var(--gold);color:var(--gold)}.info-card-static{cursor:default}.info-card-static:hover{border-color:var(--panel-line);transform:none}@media (prefers-reduced-motion: reduce){.wait-dots span{animation:none;opacity:.7}}.tabs{margin:14px 0 4px;display:flex}.tabs .seg{flex:1;text-align:center}.stats-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.stats-links .pill{flex:1 1 160px}.rec-row-btn{width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.rec-row-btn:hover,.rec-row-btn:focus-visible{border-color:var(--gold)}.rec-row-me,.level-row-me{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.rec-flag{font-size:1.25rem;line-height:1;flex:none}.player-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}.player-head .avatar{width:64px;height:64px;flex:none}.player-id{min-width:0}.player-name{margin:0;overflow-wrap:anywhere}.player-where{color:var(--ivory-70);font-size:.92rem;margin-top:2px}.rival-card{margin:12px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--gold);display:flex;flex-direction:column;gap:8px}.rival-title{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft)}.rival-pos{font-weight:800;font-size:1rem;color:var(--ivory)}.rival-text{margin:0;line-height:1.4}.rival-link{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;box-sizing:border-box;padding:0 16px}.rival-link .rival-card{width:100%;box-sizing:border-box}.h2h{white-space:nowrap;font-variant-numeric:tabular-nums}.h2h-draws{font-weight:400;color:var(--ivory-66);font-size:.85em}