@charset "UTF-8";:root{--color-bg: #faf8ff;--color-surface: #ffffff;--color-surface-muted: #e8e2f7;--color-text: #2b2340;--color-text-muted: #55506b;--color-accent: #6a4bd6;--color-accent-contrast: #ffffff;--color-border: #333333;--color-border-subtle: #d4cdf0;--color-conflict-bg: #cb1517;--color-focus-ring: #6a4bd6;--color-complete: #2f8a4c;--color-peer-bg: #4166f5;--color-peer-border: #4166f5;--color-conflict-ring: rgba(197, 48, 48, .85);--color-bw-tint: #e5e5e5;--shadow-raised-sm: 0 1px 2px rgba(43, 35, 64, .1), 0 1px 1px rgba(43, 35, 64, .06);--shadow-raised-md: 0 2px 4px rgba(43, 35, 64, .08), 0 6px 14px rgba(43, 35, 64, .12);--shadow-raised-lg: 0 6px 16px rgba(43, 35, 64, .14), 0 16px 32px rgba(43, 35, 64, .16);--shadow-highlight-top: inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-recessed: inset 0 2px 4px rgba(43, 35, 64, .12), inset 0 -1px 0 rgba(255, 255, 255, .7);--shadow-board-recessed: inset 0 2px 5px rgba(43, 35, 64, .16);--shadow-chip: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -2px 3px rgba(0, 0, 0, .14);--shadow-piece-drop: drop-shadow(.2rem .1rem 0rem rgba(0, 0, 0, .45)) drop-shadow(0 1px 2px rgba(0, 0, 0, .3));--radial-overlay-backdrop: rgba(0, 0, 0, .28);--radial-elevation: drop-shadow(0 10px 24px rgba(43, 35, 64, .28));--radial-inner: #d7cdf5;--radial-outer: #ece6fb;--radial-inner-active: #6a4bd6;--radial-outer-active: #a894e8;--radial-clear-active: #c23b3b;--radial-stroke: #ffffff;--radial-hub-bg: #fafafa;--radial-hub-border: #cccccc;--radial-hub-text: #333333;--region-1: #ffd1dc;--region-2: #ffb7a1;--region-3: #fff9a6;--region-4: #ace1af;--region-5: #aaf0d1;--region-6: #89cff0;--region-7: #ccccff;--region-8: #e6e6fa;--region-9: #e0b0ff;--creature-1: #ffd1dc;--creature-2: #ffb7a1;--creature-3: #fff9a6;--creature-4: #ace1af;--creature-5: #aaf0d1;--creature-6: #89cff0;--creature-7: #ccccff;--creature-8: #e6e6fa;--creature-9: #e0b0ff;--operator-plus: #ffd97d;--operator-minus: #ff9aa2;--operator-multiply: #a0e7e5;--operator-divide: #b4a7f5}:root[data-theme=dark]{--color-bg: #17131f;--color-surface: #221c30;--color-surface-muted: #40355a;--color-text: #ece7f7;--color-text-muted: #b3a9cc;--color-accent: #a894f0;--color-accent-contrast: #17131f;--color-border: #a89fc0;--color-border-subtle: #453c5c;--color-conflict-bg: #e5484d;--color-focus-ring: #c3b2fa;--color-complete: #7fd89e;--color-peer-bg: #4166f5;--color-peer-border: #4166f5;--color-conflict-ring: rgba(255, 107, 107, .85);--color-bw-tint: #454545;--shadow-raised-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 1px 1px rgba(0, 0, 0, .25);--shadow-raised-md: 0 2px 5px rgba(0, 0, 0, .35), 0 8px 18px rgba(0, 0, 0, .4);--shadow-raised-lg: 0 8px 20px rgba(0, 0, 0, .45), 0 20px 40px rgba(0, 0, 0, .5);--shadow-highlight-top: inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-recessed: inset 0 2px 5px rgba(0, 0, 0, .5), inset 0 -1px 0 rgba(255, 255, 255, .03);--shadow-board-recessed: inset 0 2px 6px rgba(0, 0, 0, .6);--radial-overlay-backdrop: rgba(0, 0, 0, .55);--radial-elevation: drop-shadow(0 10px 28px rgba(0, 0, 0, .6));--radial-inner: #3a3150;--radial-outer: #2c2640;--radial-inner-active: #a894f0;--radial-outer-active: #6f5cb0;--radial-clear-active: #d97070;--radial-stroke: #17131f;--radial-hub-bg: #221c30;--radial-hub-border: #4a4160;--radial-hub-text: #ece7f7;--region-1: #87223a;--region-2: #873922;--region-3: #878022;--region-4: #347438;--region-5: #2e7a59;--region-6: #2a637f;--region-7: #222287;--region-8: #303079;--region-9: #5f2287;--creature-1: #87223a;--creature-2: #873922;--creature-3: #878022;--creature-4: #347438;--creature-5: #2e7a59;--creature-6: #2a637f;--creature-7: #222287;--creature-8: #303079;--creature-9: #5f2287;--operator-plus: #8a6a1f;--operator-minus: #7a3038;--operator-multiply: #1f6b69;--operator-divide: #4a3d87}html,body{margin:0;background:var(--color-bg);touch-action:manipulation}app-about-page,app-faq-page,app-how-to-play-page,app-privacy-page{display:contents}.content-page{width:100%;max-width:40rem;display:flex;flex-direction:column;gap:1.25rem;color:var(--color-text)}.content-page h1{margin:0;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;color:var(--color-accent)}.content-page h2{margin:.5rem 0 0;font-size:1.2rem;font-weight:700;color:var(--color-text)}.content-page h3{margin:0;font-size:1rem;font-weight:700;color:var(--color-text)}.content-page p{margin:0;line-height:1.65;color:var(--color-text)}.content-page .lede{font-size:1.05rem;color:var(--color-text-muted)}.content-page ul,.content-page ol{margin:0;padding-left:1.4rem;line-height:1.65;display:flex;flex-direction:column;gap:.35rem}.content-page a{color:var(--color-accent)}.content-page section{display:flex;flex-direction:column;gap:.6rem}.content-page figure{margin:.5rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.content-page figure img{max-width:100%;width:min(100%,28rem);height:auto;border-radius:12px;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-highlight-top),var(--shadow-raised-md)}.content-page figcaption{font-size:.8rem;color:var(--color-text-muted);text-align:center}.content-page details{border:1px solid var(--color-border-subtle);border-radius:10px;background:var(--color-surface);padding:.75rem 1rem}.content-page summary{cursor:pointer;font-weight:600;color:var(--color-text)}.content-page details p{margin-top:.6rem}.content-page .back-link{align-self:flex-start;font-size:.85rem;color:var(--color-text-muted);text-decoration:none}.content-page .back-link:hover{color:var(--color-accent)}