.game-island{display:block}.game-noscript{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-2);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-block:var(--space-4)}.game-shell[hidden]{display:none}.game-shell{--game-board-max:clamp(420px, calc(100svh - 310px), 640px);gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=920px){.game-shell{grid-template-columns:minmax(0, var(--game-board-max)) 17rem;gap:var(--space-3) var(--space-5);grid-template-rows:auto 1fr}.game-board-wrap{grid-area:1/1/3}.game-controls{grid-area:1/2}.game-panel{grid-area:2/2}}.game-controls{align-self:start;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.game-controls .game-newgame{justify-content:center}.game-mode{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;padding:3px;display:grid}.game-mode-btn{appearance:none;color:var(--color-text-muted);border-radius:calc(var(--radius-md) - 3px);cursor:pointer;background:0 0;border:0;padding:.45em .5em;font-size:.88rem;font-weight:700;transition:background-color .15s,color .15s}.game-mode-btn:hover{color:var(--color-text)}.game-mode-btn.is-active{background:var(--color-accent);color:var(--color-accent-contrast)}.game-mode-btn[disabled]{opacity:.5;cursor:not-allowed}.game-fields{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.game-fields:not(:has(>:not([hidden]))){display:none}.game-field-variant{grid-column:1/-1}.game-field[hidden],.is-local .game-ai-only{display:none}.game-field{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);flex-direction:column;gap:2px;font-size:.7rem;font-weight:700;display:flex}.game-field select{font:inherit;letter-spacing:normal;text-transform:none;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:100%;padding:.4em .5em;font-size:.92rem;font-weight:500}.game-field select:hover{border-color:var(--color-accent)}.game-resume{gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-3);flex-direction:column;display:flex}.game-resume[hidden]{display:none}.game-resume p{margin:0;font-size:.9rem;font-weight:600}.game-resume-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.game-resume-actions .btn{padding:.4em .8em;font-size:.85rem}.game-board-wrap{min-width:0;max-width:var(--game-board-max)}.game-board-frame{position:relative}[data-board-mount]:empty{aspect-ratio:1;width:100%}.game-board-bar{align-items:center;gap:var(--space-2);margin-top:var(--space-2);min-height:2.2rem;display:flex}@media (width<=479px){.game-board-bar{flex-wrap:wrap}.game-board-bar .game-status{flex:100%}}.game-board-bar .btn{flex:none;padding:.35em .8em;font-size:.85rem}.game-board-bar .btn[hidden]{display:none}.game-board-bar .btn[disabled]{opacity:.45;cursor:not-allowed}.game-status{align-items:center;gap:var(--space-2);flex:1;min-width:0;margin:0;font-size:.95rem;font-weight:600;display:flex}.game-status .thinking-dot{background:var(--color-accent);border-radius:50%;width:.6em;height:.6em;animation:.9s ease-in-out infinite tafl-pulse;display:none}.is-thinking .game-status .thinking-dot{display:inline-block}@keyframes tafl-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.game-panel{gap:var(--space-3);flex-direction:column;min-width:0;min-height:0;display:flex}.game-captured{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.game-captured .cap-box{justify-content:space-between;align-items:baseline;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);color:var(--color-text-muted);margin:0;font-size:.8rem;display:flex}.game-captured .cap-box b{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.15rem}.game-panel-title{font-size:.78rem;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-weight:700}.game-movelist{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;min-height:3rem;max-height:240px;margin:0;padding:0;font-size:.9rem;list-style:none;overflow-y:auto}@media (width>=920px){.game-movelist{flex:1;max-height:none}}.game-movelist li{align-items:baseline;gap:var(--space-2);padding:3px var(--space-3);display:flex}.game-movelist li:nth-child(2n){background:var(--color-surface-2)}.game-movelist .mv-num{color:var(--color-text-muted);text-align:right;min-width:2.2em}.game-movelist .mv-side{border-radius:50%;flex:none;align-self:center;width:.7em;height:.7em}.game-movelist .mv-a .mv-side{background:#33373d;border:1px solid #565d68}.game-movelist .mv-d .mv-side{background:#e7dcc3;border:1px solid #a3906a}.game-movelist .mv-empty{padding:var(--space-3);color:var(--color-text-muted)}.game-over{z-index:6;justify-content:center;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(3px);flex-direction:column;display:flex;position:absolute;inset:0}.game-over[hidden]{display:none}.game-over .go-headline{font-family:var(--font-display);margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.game-over .go-reason{max-width:26rem;margin:0}.game-over .go-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.tafl-board{--tafl-bg:#262119;--tafl-frame:#191510;--tafl-line:#e9e4d81a;--tafl-sq-alt:#ffffff06;--tafl-restricted:#d4a8431f;--tafl-restricted-line:#d4a8438c;--tafl-sel:#d4a84366;--tafl-dest:#d4a843f2;--tafl-last:#c9764f4d;--tafl-hint:#e08a5f;--tafl-task:#d4a843;--p-a-fill:#33373d;--p-a-rim:#14161a;--p-a-line:#565d68;--p-d-fill:#e7dcc3;--p-d-rim:#93805c;--p-d-line:#ab9770;--p-k-fill:#ece1c8;--p-k-rim:#93805c;--p-k-crown:#b8871f;grid-template-columns:repeat(var(--n,11), 1fr);aspect-ratio:1;background:var(--tafl-bg);border:3px solid var(--tafl-frame);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-1);user-select:none;touch-action:manipulation;display:grid}[data-theme=light] .tafl-board{--tafl-bg:#e9dfc6;--tafl-frame:#8d7b52;--tafl-line:#5a461e40;--tafl-sq-alt:#785a280d;--tafl-restricted:#77570f21;--tafl-restricted-line:#77570f99;--tafl-sel:#77570f52;--tafl-dest:#5a410ae6;--tafl-last:#8f3d2b3d;--tafl-hint:#8f3d2b;--tafl-task:#77570f;--p-a-fill:#2d3138;--p-a-rim:#101216;--p-a-line:#4d545e;--p-d-fill:#faf3e0;--p-d-rim:#9c8a63;--p-d-line:#b3a077;--p-k-fill:#fdf7e6;--p-k-rim:#9c8a63;--p-k-crown:#a97c14}@media (prefers-color-scheme:light){:root:not([data-theme]) .tafl-board{--tafl-bg:#e9dfc6;--tafl-frame:#8d7b52;--tafl-line:#5a461e40;--tafl-sq-alt:#785a280d;--tafl-restricted:#77570f21;--tafl-restricted-line:#77570f99;--tafl-sel:#77570f52;--tafl-dest:#5a410ae6;--tafl-last:#8f3d2b3d;--tafl-hint:#8f3d2b;--tafl-task:#77570f}}.tafl-row{display:contents}.tafl-cell{box-shadow:inset 0 0 0 .5px var(--tafl-line);cursor:pointer;position:relative}.tafl-cell.alt{background-color:var(--tafl-sq-alt)}.tafl-cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;z-index:3;border-radius:0}.is-blocked .tafl-cell{cursor:default}.tafl-restricted,.tafl-restricted.alt{background-color:var(--tafl-restricted)}.tafl-restricted:before{content:"";background-color:var(--tafl-restricted-line);pointer-events:none;position:absolute;inset:18%;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.5 18.5 10 10 18.5 1.5 10Z' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");mask-size:100% 100%}.tafl-cell.is-last{background-color:var(--tafl-last)}.tafl-cell.is-selected{background-color:var(--tafl-sel)}.tafl-cell.is-dest:after{content:"";background:var(--tafl-dest);opacity:.55;pointer-events:none;border-radius:50%;position:absolute;inset:34%}.tafl-cell.is-dest:hover:after{opacity:.9}.tafl-cell.is-hint{box-shadow:inset 0 0 0 3px var(--tafl-hint), inset 0 0 0 .5px var(--tafl-line);animation:.9s ease-in-out 2 tafl-pulse-mark}.tafl-cell.is-task{box-shadow:inset 0 0 0 3px var(--tafl-task), inset 0 0 0 .5px var(--tafl-line);animation:1.4s ease-in-out infinite tafl-pulse-mark}@keyframes tafl-pulse-mark{0%,to{opacity:1}50%{opacity:.55}}.tafl-cell.is-illegal{animation:.24s ease-in-out tafl-shake}@keyframes tafl-shake{0%,to{transform:translate(0)}30%{transform:translate(-8%)}60%{transform:translate(8%)}}.piece{pointer-events:none;filter:drop-shadow(0 1px 1px #00000073);width:82%;height:82%;position:absolute;inset:9%}.piece-a .base{fill:var(--p-a-fill);stroke:var(--p-a-rim);stroke-width:2px}.piece-a .ring{fill:none;stroke:var(--p-a-line);stroke-width:1.6px}.piece-a .dot{fill:var(--p-a-line)}.piece-d .base{fill:var(--p-d-fill);stroke:var(--p-d-rim);stroke-width:2px}.piece-d .ring{fill:none;stroke:var(--p-d-line);stroke-width:1.6px}.piece-k{width:92%;height:92%;inset:4%}.piece-k .base{fill:var(--p-k-fill);stroke:var(--p-k-rim);stroke-width:2px}.piece-k .crown{fill:var(--p-k-crown)}.piece-slide{transition:transform .14s ease-out}.piece-ghost{animation:.22s ease-in forwards tafl-capture}@keyframes tafl-capture{to{opacity:0;transform:scale(.45)}}.tutorial-shell{margin-block:var(--space-5);max-width:46rem}.tutorial-shell[hidden]{display:none}.tutorial-progress{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.tutorial-progress .tp-label{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;font-weight:700}.tutorial-progress .tp-dots{gap:var(--space-2);display:flex}.tutorial-progress .tp-dot{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:50%;width:.65rem;height:.65rem}.tutorial-progress .tp-dot.done{background:var(--color-accent);border-color:var(--color-accent)}.tutorial-progress .tp-dot.current{outline:2px solid var(--color-accent);outline-offset:2px}.tutorial-step-title{margin-bottom:var(--space-2)}.tutorial-text{margin-bottom:var(--space-4)}.tutorial-board-mount{max-width:420px;margin-bottom:var(--space-3)}.tutorial-feedback{min-height:2.2em;margin-bottom:var(--space-3);font-weight:600}.tutorial-feedback.ok{color:var(--color-accent)}.tutorial-feedback.err{color:var(--color-accent-2)}.tutorial-nav{gap:var(--space-2);display:flex}.tutorial-nav .btn[disabled]{opacity:.45;cursor:not-allowed}.tutorial-done{text-align:left}.tutorial-done .btn{margin-right:var(--space-2)}.home-hero{padding-block:var(--space-2) var(--space-5)}.home-strip{align-items:baseline;gap:var(--space-1) var(--space-3);padding-block:var(--space-2) var(--space-1);flex-wrap:wrap;display:flex}.home-strip h1{margin:0;font-size:clamp(1.3rem,2.2vw,1.5rem)}.home-tagline{color:var(--color-text-muted);font-size:.9rem}.home-tagline b{color:var(--color-accent);font-weight:700}.home-hero .game-shell{--game-board-max:clamp(420px, calc(100svh - 185px), 760px)}@media (width>=920px){.home-hero .game-shell{justify-content:center}}.home-pitch{max-width:44rem;color:var(--color-text-muted);margin-block:0 var(--space-5)}.home-links{gap:var(--space-2);margin-block:0 var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.home-links .home-links-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-right:var(--space-2);font-size:.85rem;font-weight:700}