:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f5f0;--surface:#fffefa;--text:#33372f;--muted:#797b71;--line:#e2dfd5;--accent:#536651;--soft:#eeeee5;--circle:#b46550;--cross:#587b8a;--planetworld-safe-area-top:env(safe-area-inset-top,0px);--planetworld-safe-area-bottom:env(safe-area-inset-bottom,0px);--planetworld-safe-area-left:env(safe-area-inset-left,0px);--planetworld-safe-area-right:env(safe-area-inset-right,0px);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Noto Sans,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1b1e1b;--surface:#242823;--text:#eeeee5;--muted:#a6aa9e;--line:#3c4139;--accent:#bdceb0;--soft:#313b2e;--circle:#dfa18b;--cross:#9abcca}*{box-sizing:border-box}html,body{background:var(--page);min-height:100%;color:var(--text);overscroll-behavior-y:none;margin:0}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45;cursor:default}button svg{flex-shrink:0}h1,h2,p{margin:0}.tic-tac-toe-app{max-width:500px;min-height:100dvh;padding:calc(var(--planetworld-safe-area-top) + 12px) max(24px, var(--planetworld-safe-area-right)) calc(var(--planetworld-safe-area-bottom) + 20px) max(24px, var(--planetworld-safe-area-left));margin:0 auto}.app-header{justify-content:space-between;align-items:center;min-height:66px;margin-bottom:33px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-parent{color:var(--muted);letter-spacing:.17em;margin-bottom:5px;font-size:9px;font-weight:650;display:block}h1{letter-spacing:-.7px;font-size:25px;font-weight:650;line-height:1.2}.brand-mark{grid-template-columns:1fr 1fr;align-items:center;gap:1px;width:46px;display:grid}.brand-mark .game-mark{stroke-width:9px;width:24px;height:32px}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.match-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;font-size:12px;display:flex}.match-heading>span{color:var(--muted);align-items:center;gap:8px;display:flex}.match-heading>span svg{width:15px;height:15px}.match-heading>button{background:0 0;align-items:center;gap:4px;padding:9px 0 9px 9px;font-size:12px;display:flex}.players{grid-template-columns:1fr 1fr;gap:12px;display:grid}.player{border:1px solid var(--line);background:0 0;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:13px 11px;transition:background .2s,border-color .2s;display:flex}.player .game-mark{stroke-width:8px;flex-shrink:0;width:34px;height:34px}.player>div{flex-direction:column;gap:5px;min-width:0;display:flex}.player strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}.player>div>span{color:var(--muted);font-size:10px}.active-player,.winner-player{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 44%, var(--line))}.turn-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.thinking{animation:1.2s ease-in-out infinite thinking}.status-block{text-align:center;min-height:56px;margin:27px 0 24px}.status-block h2{letter-spacing:-.4px;font-size:19px;font-weight:600;line-height:1.5}.status-block p{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.6}.board-wrap{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:18px;position:relative}.game-board{aspect-ratio:1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.board-cell{border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);aspect-ratio:1;background:0 0;border-radius:0;place-items:center;min-width:0;padding:13%;display:grid;position:relative}.board-cell:nth-child(3n){border-right:0}.board-cell:nth-child(n+7){border-bottom:0}.board-cell[aria-disabled=true]{cursor:default}.board-cell:focus-visible{outline-offset:-5px;z-index:1;border-radius:6px}.game-mark{stroke:currentColor;stroke-width:7px;stroke-linecap:round;width:100%;height:100%;display:block}.mark-o{color:var(--circle)}.mark-x{color:var(--cross)}.board-cell .game-mark{animation:.18s ease-out both mark-in}.last-move-dot{background:var(--muted);opacity:.65;border-radius:50%;width:3px;height:3px;position:absolute;bottom:10px;right:10px}.winning-cell{background:color-mix(in srgb, var(--accent) 5%, transparent)}.winning-line{pointer-events:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;opacity:.5;width:calc(100% - 36px);height:calc(100% - 36px);position:absolute;inset:18px}.winning-line path{stroke-dasharray:300;animation:.4s ease-out both draw-line}.cell-preview{opacity:.15;font-size:43px;font-weight:400;display:none;position:absolute}@media (hover:hover){.board-cell[aria-disabled=false]:hover .cell-preview{display:block}}.board-caption{color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:13px;font-size:10px;display:flex}.caption-slash{opacity:.5;margin:0 6px}.new-game-button{border:1px solid var(--line);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;margin-top:31px;font-size:13px;display:flex}.round-actions{flex-direction:column;align-items:center;gap:7px;margin-top:25px;display:flex}.primary-button{background:var(--accent);width:100%;min-height:49px;color:var(--page);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:600;display:flex}.text-button{color:var(--accent);background:0 0;min-height:44px;padding:11px;font-size:12px}.save-note{text-align:center;color:var(--muted);margin-top:19px;font-size:10px;line-height:1.7}.save-error{text-align:center;color:var(--circle);margin-top:17px;font-size:12px;line-height:1.7}.notice{color:var(--muted);margin-top:17px;font-size:12px;line-height:1.7}.loading-state{text-align:center;flex-direction:column;justify-content:center;gap:20px;min-height:420px;display:flex}.loading-state h2{font-size:19px}.loading-state p{color:var(--muted);font-size:13px;line-height:1.7}.sheet{width:calc(100% - 32px);max-width:430px;max-height:calc(100dvh - var(--planetworld-safe-area-top) - var(--planetworld-safe-area-bottom) - 40px);border:1px solid var(--line);background:var(--page);color:var(--text);border-radius:20px;padding:24px;overflow-y:auto;box-shadow:0 20px 80px #0002}.sheet::backdrop{background:#20271e55}.sheet-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.sheet-header .icon-button{margin-right:-9px}.sheet h2{letter-spacing:-.5px;font-size:22px;font-weight:650}.sheet-intro{color:var(--muted);margin-bottom:25px;font-size:12px;line-height:1.8}.sheet fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.sheet legend{margin-bottom:12px;font-size:12px;font-weight:600}.sheet button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.difficulty-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.difficulty-options button{border:1px solid var(--line);background:var(--surface);border-radius:9px;min-height:47px;padding:8px 3px;font-size:12px}.field-note{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.8}.symbol-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.symbol-options button{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:53px;font-size:12px;display:flex}.symbol-options .game-mark{width:30px;height:30px}.replace-note{color:var(--muted);margin-bottom:17px;font-size:11px;line-height:1.7}.rules-symbols{justify-content:center;align-items:center;gap:28px;padding:15px 0 26px;display:flex}.rules-symbols .game-mark{width:60px;height:60px}.rules-symbols>span{color:var(--muted);font-size:13px}.rules-list{margin:0 0 26px;padding-left:22px}.rules-list li{margin-bottom:22px;padding-left:7px}.rules-list strong{font-size:14px;font-weight:600}.rules-list p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.8}@keyframes mark-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes draw-line{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}@keyframes thinking{50%{opacity:.3}}@media (max-width:350px){.tic-tac-toe-app{padding-left:max(18px, var(--planetworld-safe-area-left));padding-right:max(18px, var(--planetworld-safe-area-right))}.app-header{margin-bottom:21px}.players{gap:8px}.player{gap:5px;padding:12px 8px}.player .game-mark{width:29px;height:29px}.player strong{font-size:11px}.status-block{margin:22px 0 20px}.sheet{padding:21px}}@media (min-height:850px){.status-block{margin-top:34px;margin-bottom:30px}.new-game-button{margin-top:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}