:root{--bg:#f5f3ea;--paper:#fcfbf5;--ink:#283d31;--muted:#85897c;--green:#30694e;--orange:#c96c43;--line:#dedfd3;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid #d39b4b;outline-offset:4px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.site-header{height:105px;max-width:1240px;margin:auto;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:18px;font-weight:750;letter-spacing:-.5px;line-height:1.03}.brand-second{display:block}.brand-dot{color:var(--orange)}.brand-mark{background:var(--green);width:42px;height:49px;border-radius:9px;transform:rotate(-6deg);display:grid;place-items:center}.brand-mark svg{width:29px;fill:none;stroke:#f2f1df;stroke-width:1.3}.header-note{font-size:10px;letter-spacing:2px;color:var(--muted)}.text-button{border:0;background:none;color:var(--ink);font-size:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 0}.question-icon{border:1.4px solid var(--ink);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:11px}main{max-width:1140px;margin:auto;padding:0 20px}.intro{padding:46px 0 33px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:8px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:var(--green)}h1{font-family:var(--serif);font-size:58px;line-height:1.1;font-weight:400;letter-spacing:-2.5px;margin:15px 0 13px}h1 em,h2 em{color:var(--green);font-weight:400}.intro p{font-size:13px;color:#7c8073;margin:0;line-height:1.6}.intro-doodle{margin-right:29px;transform:rotate(-6deg);width:150px}.intro-doodle svg{width:118px;height:65px;fill:var(--bg);stroke:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.intro-doodle span{font-family:var(--serif);font-style:italic;color:var(--orange);display:block;font-size:15px;transform:rotate(-5deg)}.game-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:27px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:18px}.setup-card,.match-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:#faf9f2}.section-label{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:1.3px;color:#a6aa9c;font-weight:700}.section-label>span:first-child{color:#6c7666}.round-label{margin-left:auto;font-size:8px;letter-spacing:.7px;font-weight:400}.mode-switch{display:flex;padding:4px;background:#eeeee4;border:1px solid #e4e5d9;border-radius:8px;margin-top:22px;gap:3px}.mode-switch button{flex:1;border:0;padding:10px 7px;background:transparent;color:#7b8072;font-size:12px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:7px}.mode-switch button.selected{background:#fffef9;box-shadow:0 1px 4px #23322212;color:var(--green);font-weight:700}.mode-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.muted{color:var(--muted);line-height:1.65}.small{font-size:11px}.setup-card>p{margin:13px 0 0}.players{display:flex;justify-content:space-between;align-items:center;margin:26px 0}.player{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:700;min-width:70px;max-width:90px}.player>span:nth-child(2){max-width:90px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:19px;font-weight:400}.player-one .player-avatar{background:#e2eadb;color:var(--green)}.player-two .player-avatar{background:#f5e4d7;color:var(--orange)}.player-goal{font-size:7px;letter-spacing:1px;color:var(--muted);font-weight:400}.score{display:flex;gap:10px;font-size:29px;font-family:var(--serif);padding-bottom:10px}.score-divider{color:#b9bdaf}.turn-card{display:flex;align-items:center;gap:10px;background:#e9eee2;border:1px solid #dce4d2;border-radius:7px;padding:15px 12px;min-height:74px}.turn-dot{width:7px;height:7px;background:var(--green);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #30694e0b}.turn-card strong{font-size:12px;line-height:1.5;display:block}.turn-card p{font-size:10px;line-height:1.5;color:#7f8875;margin:4px 0 0}.turn-card>span:last-child{margin-left:auto;font-size:24px;color:var(--green)}.turn-card.orange{background:#f5e9df;border-color:#ecdbcc}.turn-card.orange .turn-dot{background:var(--orange)}.turn-card.orange>span:last-child{color:var(--orange)}.match-stats{display:flex;justify-content:space-between;padding:17px 2px 22px;color:var(--muted);font-size:10px}.match-stats strong{color:var(--ink);margin-left:7px;font-size:11px}.primary-button{background:var(--green);color:#fffef7;border:1px solid var(--green);border-radius:6px;padding:13px 16px;width:100%;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.primary-button:hover:not(:disabled){background:#24553e}.primary-button>span{font-size:18px}.undo-button{background:none;border:0;color:#858b7c;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 0 0}.undo-button span{font-size:10px}.tip-card{display:flex;gap:13px;padding:4px 10px}.tip-icon{font-size:27px;color:var(--orange);padding-top:5px}.tip-card h3{font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.4;font-weight:400;margin:0 0 7px}.tip-card p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.board-card{border:1px solid #d8dccf;border-radius:12px;background:var(--paper);box-shadow:0 5px 15px #33422a04;overflow:hidden}.board-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e4d8;padding:0 23px;font-size:8px;letter-spacing:1.1px;color:var(--muted);background:#faf9f2}.board-toolbar>span:first-child{display:flex;align-items:center;gap:7px;color:#68765e;font-weight:700}.board-toolbar i{height:5px;width:5px;background:var(--green);border-radius:50%}.toolbar-divider{padding:0 8px;color:#bdc1b4}.paper{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;padding:24px 36px 18px;background-image:linear-gradient(#9aafba15 1px,transparent 1px),linear-gradient(90deg,#9aafba15 1px,transparent 1px);background-size:24px 24px;background-position:center}.paper:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent,#f8f6eb60);pointer-events:none}.paper-margin{position:absolute;left:26px;top:0;bottom:0;width:1px;background:#ce8b822e}.goal-label{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.6px;font-weight:700;z-index:1}.goal-label>span{width:17px;height:1px;background:currentColor;opacity:.35}.top-goal{color:var(--orange)}.bottom-goal{color:var(--green)}#board{width:100%;max-width:455px;display:block;overflow:visible;margin:-13px 0;touch-action:manipulation}.paper-note{align-self:flex-end;font:italic 12px var(--serif);color:#929884;transform:rotate(-4deg);margin-top:17px}.board-footer{display:flex;align-items:center;gap:20px;min-height:47px;padding:0 23px;border-top:1px solid var(--line);background:#faf9f2;color:#8a8f80;font-size:9px}.board-footer>span{display:flex;align-items:center;gap:7px}.legend-ball{width:8px;height:8px;border-radius:50%;background:var(--ink);border:2px solid var(--paper);box-shadow:0 0 0 1px var(--ink)}.legend-move{width:7px;height:7px;background:#bacdae;border-radius:50%}.sound-button{margin-left:auto;background:none;border:0;color:#8a8f80;padding:8px 0;font-size:16px;display:flex;align-items:center;gap:6px}.sound-button span{font-size:9px}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:35px;padding:21px 0 25px;color:#969b8d;font-size:10px}.site-footer strong{font-weight:400;color:#6b7764}.site-footer>span:last-child{font-size:8px;letter-spacing:1px;display:flex;gap:12px;align-items:center}.footer-star{font-size:21px;color:var(--green)}.grid-line{stroke:#9aafba;stroke-opacity:.3;stroke-width:.018}.field-outline{fill:none;stroke:#586654;stroke-width:.062;stroke-linecap:round;stroke-linejoin:round}.field-point{fill:#819077;opacity:.35}.trail{stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-width:.065}.trail.p0{stroke:var(--green)}.trail.p1{stroke:var(--orange)}.trail.last{stroke-width:.085}.move-target{cursor:pointer;outline:none}.target-halo{fill:#30694e;opacity:.055}.target-dot{fill:#749666;opacity:.65}.move-target:hover .target-halo,.move-target:focus-visible .target-halo{opacity:.22}.move-target:hover .target-dot,.move-target:focus-visible .target-dot{fill:var(--green);opacity:1}.move-preview{stroke:var(--green);stroke-width:.045;stroke-dasharray:.08 .08;opacity:0;pointer-events:none}.move-target:hover .move-preview,.move-target:focus-visible .move-preview{opacity:.6}.ball-halo{fill:var(--green);opacity:.09}.ball{fill:var(--ink);stroke:var(--paper);stroke-width:.065}.ball-shine{fill:var(--paper)}dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);padding:36px;max-width:480px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);box-shadow:0 20px 100px #192a2633}dialog::backdrop{background:#1f312a6b;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:26px;color:var(--muted);padding:4px}h2{font:400 36px/1.1 var(--serif);letter-spacing:-1px;margin:20px 0}dialog>p{font-size:13px}.rules-list{padding-left:22px}.rules-list li{padding-left:7px;margin:19px 0;color:var(--green);font-size:13px}.rules-list p{color:#818776;line-height:1.65;margin:6px 0;font-size:12px}.keyboard-hint{font-size:11px!important;padding:12px;background:#eeeee4;border-radius:5px;line-height:1.7}label{display:block;font-size:11px;margin:21px 0 8px}input{width:100%;padding:12px;border:1px solid #d7dcce;background:#fffef9;border-radius:5px;color:var(--ink);min-width:0}#create-room{margin-top:14px}.or-divider{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.or-divider span{height:1px;background:var(--line);flex:1}.join-row{display:flex;gap:8px}.join-row input{flex:1;text-transform:uppercase;letter-spacing:3px}.secondary-button{background:#eeeee4;color:var(--green);border:1px solid #dce0d3;border-radius:5px;padding:12px 17px;font-size:12px;white-space:nowrap}.error{color:#a34e34;font-size:12px;line-height:1.5}.room-code-row{display:flex;align-items:center;gap:9px;margin-top:17px;font-size:8px;letter-spacing:.8px}.room-code-row strong{font-size:16px;color:var(--green);letter-spacing:2px}.room-code-row button{margin-left:auto;font-size:10px;letter-spacing:0}.confirm-actions{display:flex;gap:10px;margin-top:25px}.confirm-actions button{flex:1}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--ink);color:var(--paper);border-radius:8px;font-size:12px;box-shadow:0 5px 30px #22332226;z-index:20;max-width:calc(100% - 32px);text-align:center;line-height:1.5}@media(min-width:1400px){.site-header{height:115px}.intro{padding-top:52px;padding-bottom:38px}.game-layout{gap:32px;grid-template-columns:330px minmax(0,1fr)}.paper{padding-top:27px;padding-bottom:20px}#board{max-width:465px}}@media(max-width:850px){.site-header{margin:0 24px;height:87px;padding:0}.header-note{display:none}main{padding:0 24px}.intro{padding-top:31px}h1{font-size:48px}.game-layout{grid-template-columns:265px minmax(0,1fr);gap:18px}.setup-card,.match-card{padding:18px}.paper{padding:22px 15px 17px}.paper-margin{left:12px}.board-toolbar{padding:0 13px;font-size:7px;letter-spacing:.6px}.board-footer{padding:0 13px;gap:14px}.goal-label{font-size:7px;letter-spacing:1px}.intro-doodle{margin-right:0;width:125px}.site-footer>span:last-child{font-size:7px;letter-spacing:.5px}}@media(max-width:640px){.site-header{height:78px;margin:0 20px}.brand{font-size:16px}.brand-mark{width:35px;height:41px}.brand-mark svg{width:25px}main{padding:0 16px}.intro{padding:28px 4px 25px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:43px;letter-spacing:-2px;margin:13px 0 10px}.intro p{font-size:11px;max-width:265px}.intro-doodle{display:none}.game-layout{display:flex;flex-direction:column;gap:17px}.sidebar{display:contents}.setup-card{width:100%;padding:15px 17px}.setup-card .section-label{display:none}.mode-switch{margin:0}.setup-card>p{margin-top:9px;text-align:center}.match-card{order:2;width:100%;padding:20px}.board-card{order:1;width:100%}.tip-card{order:3;padding:2px 10px}.paper{padding:21px 23px 16px}#board{max-width:395px;margin:-10px 0}.board-toolbar{height:40px;padding:0 17px;font-size:7px}.board-footer{padding:0 17px;min-height:42px}.paper-note{margin-top:13px;font-size:11px}.players{margin:19px 0}.player{max-width:120px}.player>span:nth-child(2){max-width:120px}.turn-card{min-height:66px}.match-stats{padding-bottom:17px}.site-footer{margin-top:26px;padding:18px 4px;justify-content:center}.site-footer>span:last-child{display:none}.goal-label{font-size:7px}.room-code-row{justify-content:center}.room-code-row button{margin-left:12px}#room-status{text-align:center}.confirm-actions{flex-direction:column}dialog{padding:29px 24px}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.mobile-turn{display:none}@media(max-width:640px){.mobile-turn{display:flex;align-items:center;justify-content:center;min-height:36px;padding:9px 12px;background:#e9eee2;color:var(--green);font-size:11px;line-height:1.5;text-align:center;border-bottom:1px solid var(--line)}.mobile-turn.orange{background:#f5e9df;color:var(--orange)}}

.paper{background-image:none;overflow:hidden}.paper-grid{stroke:#9aafba;stroke-opacity:.18;stroke-width:.018}

/* Playora: wspólny motyw; zielony i terakota nadal oznaczają graczy. */
.mode-switch{display:grid;grid-template-columns:1fr 1fr}.mode-switch #mode-ai{grid-column:1/-1}
:root{--bg:var(--playora-bg);--paper:var(--playora-panel);--ink:var(--playora-text);--muted:var(--playora-muted);--green:var(--playora-accent);--orange:#f0a070;--line:var(--playora-border);--sans:system-ui,Arial,sans-serif}
.setup-card,.match-card,.board-card,.board-toolbar,.board-footer,dialog{background:var(--paper);border-color:var(--line)}
.mode-switch,.keyboard-hint,.secondary-button,input{background:var(--playora-panel-2);border-color:var(--line)}
.mode-switch button{color:var(--muted)}
.mode-switch button.selected{background:#304738;color:var(--green);box-shadow:none}
.intro p,.section-label,.section-label>span:first-child,.turn-card p,.board-toolbar>span:first-child,.paper-note,.board-footer,.sound-button,.site-footer,.site-footer strong,.rules-list p,.undo-button{color:var(--muted)}
.turn-card,.mobile-turn{background:#20382a;border-color:#3b664b}
.turn-card.orange,.mobile-turn.orange{background:#3c2a20;border-color:#795039}
.player-one .player-avatar{background:#20382a}.player-two .player-avatar{background:#3c2a20}
.primary-button{color:#07140c;font-weight:700}.primary-button:hover:not(:disabled){background:#83e9a9}
.primary-button>span[data-i18n]{font-size:inherit}
.brand-mark{background:#29523a}.brand-mark svg{stroke:var(--green)}
.eyebrow>span[data-i18n]{height:auto;width:auto;border-radius:0;background:none}
.or-divider span[data-i18n]{height:auto;background:none;flex:none}
.intro-doodle span span{transform:none}
.paper:after{background:radial-gradient(ellipse at center,transparent,#1116)}
.field-outline{stroke:#a0aaa0}.field-point{fill:#b4bfb4;opacity:.6}
.grid-line{stroke:#b0bdb6;stroke-opacity:.24}.paper-grid{stroke:#7f9188;stroke-opacity:.2}
.target-halo{fill:var(--green);opacity:.12}.target-dot{fill:var(--green);opacity:.9}
.legend-move{background:var(--green)}.error{color:var(--playora-danger)}
.toast{background:var(--playora-panel-2);color:var(--ink);border:1px solid var(--line)}
dialog::backdrop{background:#0009}
button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-color:var(--playora-accent)}
@media(max-width:640px){.board-toolbar{gap:10px;letter-spacing:.3px}.board-footer{gap:12px}.goal-label{letter-spacing:.7px}.site-header{gap:12px}.room-code-row{flex-wrap:wrap}.player{min-width:0}.players{gap:8px}}