:root{--size: min(1vw, 1dvh);--red: #f20e0e;--blue: #0f2bff;--green: #0ab635;--yellow: #f5ed0c;--pink: #ff5ec4;background-color:#000;color-scheme:light dark;color:#fff;fill:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:32px;font-weight:400;line-height:1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{height:-webkit-fill-available}body{margin:0;height:100dvh;height:-webkit-fill-available;overflow:hidden}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--size) solid #fff;border-radius:calc(var(--size) * 4);color:#fff;cursor:pointer;font:inherit;padding:calc(var(--size) * 2);transition:transform .1s ease-in-out}button:active{transform:scale(.95)}input{font:inherit}dialog{background:#000;color:#fff;font:inherit;padding:calc(var(--size) * 3)}#root{height:100dvh}._home_1nz6x_1{display:grid;grid-template-rows:1fr auto 1fr;height:100%;place-content:center;place-items:center}h1{font-size:calc(var(--size) * 7)}._apps_1nz6x_13{display:flex;font-weight:600;gap:calc(var(--size) * 5);flex-wrap:wrap;justify-content:center;width:calc(var(--size) * 100)}._button_1nz6x_22{font-size:calc(var(--size) * 5);height:calc(var(--size) * 28);line-height:1.2;padding:0;position:relative;text-shadow:0 0 16px #000;white-space:pre;width:calc(var(--size) * 28)}._button_1nz6x_22:before{border-radius:calc(var(--size) * 2);content:"";display:block;position:absolute;width:90%;height:90%;top:5%;left:5%;z-index:-1}._othello_1nz6x_45:before{background:var(--green)}._calc_1nz6x_48:before{background:var(--red)}._meeting_1nz6x_51:before{background:var(--pink)}._sequence_1nz6x_54:before{background:var(--blue)}._multi_1nz6x_57:before{background:var(--yellow)}._button_a8csb_1{border:none;display:flex;fill:#fff;padding:0;width:calc(var(--size) * 5)}._button_a8csb_1>svg{height:100%;width:100%}._page_w6pet_1{display:grid;grid-template-rows:1fr auto 1fr;height:100%}@media (min-width: 100vh){._page_w6pet_1{grid-template-columns:1fr auto 1fr;grid-template-rows:auto}}@media (min-width: calc(100vh + 266px)){._page_w6pet_1{grid-template-columns:1fr auto}}._minibar_w6pet_15{padding:16px;height:100%}@media (min-width: calc(100vh + 266px)){._minibar_w6pet_15{display:none}}._sidebar_w6pet_23{background:#000;display:grid;gap:16px;grid-template-rows:auto 1fr auto;height:100%;overflow:auto;padding:16px;z-index:10}@media (max-width: calc(100vh + 266px)){._sidebar_w6pet_23{background:#333c;box-shadow:0 0 10px #000;transform:translate(-100%);position:absolute;transition:transform .2s;width:100%;max-width:326px}}@media (min-width: calc(100vh + 267px)){._sidebar_w6pet_23 .close{display:none}}._sidebar_w6pet_23._open_w6pet_49{transform:translate(0)}._sidebar_w6pet_23 ._nav_w6pet_52{display:flex;justify-content:space-between}._board_w6pet_57{display:grid;grid-template:"a col b" 16px "row cells b" 1fr "c c c" 16px / 16px 1fr 16px;height:min(100vw,100dvh);place-self:center;width:min(100vw,100dvh)}@media (max-width: calc(100vh + 266px)){._board_w6pet_57{height:min(100vw - 100px,100dvh);width:min(100vw - 100px,100dvh)}}@media (max-width: 100vh){._board_w6pet_57{height:min(100vw,100dvh - 100px);width:min(100vw,100dvh - 100px)}}._board_w6pet_57 ._col_w6pet_76{display:grid;font-size:12px;grid-area:col;grid-auto-flow:column;place-items:center;width:100%}._board_w6pet_57 ._row_w6pet_84{display:grid;font-size:12px;grid-area:row;place-items:center}._board_w6pet_57 ._cells_w6pet_91{grid-area:cells;display:grid;gap:2px;grid-template:repeat(8,1fr) / repeat(8,1fr);height:100%;width:100%;place-self:center}._board_w6pet_57 ._cells_w6pet_91 ._cell_w6pet_91{background:#0ab635;display:flex;place-content:center;place-items:center;position:relative}._board_w6pet_57 ._cells_w6pet_91 ._dot_w6pet_107{background:#000;border-radius:50%;bottom:-7%;height:12%;left:-7%;position:absolute;width:12%;z-index:1}._board_w6pet_57 ._cells_w6pet_91 ._stone_w6pet_117{background:#fff;border-radius:50%;box-shadow:0 0 5px #000;height:88%;width:88%}._board_w6pet_57 ._cells_w6pet_91 ._stone_w6pet_117:before{background:#000;border:1px solid #aaa;border-radius:50%;bottom:6%;box-shadow:0 2px #000;content:"";display:block;height:100%;position:relative;width:100%}._board_w6pet_57 ._cells_w6pet_91 ._stone_w6pet_117._white_w6pet_136{background:#000}._board_w6pet_57 ._cells_w6pet_91 ._stone_w6pet_117._white_w6pet_136:before{background:#fff;box-shadow:0 2px #fff}._board_w6pet_57 ._cells_w6pet_91 ._last_w6pet_143{background:red;border-radius:50%;height:40%;position:absolute;width:40%}._next_w6pet_152{background:#000c;border-radius:50%;cursor:pointer;height:30%;width:30%;box-shadow:0 0 10px #000}._next_w6pet_152._white_w6pet_136{background:#fffc;box-shadow:0 0 10px #fff}._histories_w6pet_165{display:flex;flex-wrap:wrap;font-size:10px;gap:4px;overflow:auto;place-content:start}._history_w6pet_173{align-content:start;display:grid;gap:1px;grid-template:"cells cells" "index stone";padding:2px}._history_w6pet_173 ._move_w6pet_180{text-align:end}._history_w6pet_173 ._cells_w6pet_91{background:#000;display:grid;gap:.5px;grid-area:cells;grid-template:repeat(8,1fr) / repeat(8,1fr);height:51.5px;width:51.5px}._history_w6pet_173 ._cell_w6pet_91{background:#0ab635;display:flex;place-content:center;place-items:center;position:relative}._history_w6pet_173 ._stone_w6pet_117{background:#000;border-radius:50%;height:80%;width:80%}._history_w6pet_173 ._stone_w6pet_117._white_w6pet_136{background:#fff}._history_w6pet_173 ._last_w6pet_143{position:absolute;background:red;height:40%;width:40%}._history_w6pet_173._current_w6pet_215{background:#a00}._result_w6pet_219{display:grid;font-size:61px;gap:calc(var(--size) * 3);place-items:center}._page_qk892_1{display:grid;gap:32px;grid-template-rows:auto 1fr;height:100%;padding:16px}._idle_qk892_9,._types_qk892_14{display:grid;gap:16px}._types_qk892_14 dl{display:grid;gap:16px;width:100%}._types_qk892_14 dd{font-size:calc(var(--size) * 4)}._type_qk892_14{display:grid;grid-template-columns:auto 1fr auto;place-items:center;text-align:center;width:100%}._start_qk892_36{background:var(--green);font-size:calc(var(--size) * 10)}._running_qk892_41{display:grid;font-size:calc(var(--size) * 15);height:100%;place-items:center;width:100%}._running_qk892_41 ul{display:grid;grid-auto-flow:column;gap:32px;margin:0;padding:0;width:95%}._running_qk892_41 li{display:grid;list-style:none;place-items:center;position:relative}._running_qk892_41 button{width:100%}._running_qk892_41 .circle,._running_qk892_41 .miss{position:absolute;width:80%}._running_qk892_41 .circle{fill:var(--green)}._running_qk892_41 .miss{fill:var(--red)}._formula_qk892_83{display:grid;gap:calc(var(--size) * 1);grid-auto-flow:column;align-items:center;justify-content:start}._square_qk892_91{border:2px solid #fff;padding:.1em;min-width:2em;text-align:center}._check_qk892_98{color:var(--green)}._miss_qk892_69{color:var(--red)}._result_qk892_106{display:grid;gap:calc(var(--size) * 4);grid-template-rows:1fr;padding:calc(var(--size) * 4)}._result_qk892_106 ._questions_qk892_112{display:grid;gap:calc(var(--size) * 2);grid-template-columns:repeat(2,1fr)}._result_qk892_106 ._question_qk892_112{display:grid;font-size:calc(var(--size) * 6);gap:calc(var(--size) * 1);grid-template-columns:auto 1fr;align-items:center}._result_qk892_106 ._question_qk892_112>.circle{fill:var(--green);width:calc(var(--size) * 8)}._result_qk892_106 ._question_qk892_112>.miss{fill:var(--red);width:calc(var(--size) * 8)}._result_qk892_106 dl{display:grid;gap:calc(var(--size) * 2);grid-template-columns:auto 1fr auto 1fr}._result_qk892_106 ._footer_qk892_140{display:flex;justify-content:space-between;height:fit-content}._result_qk892_106 button{font-size:calc(var(--size) * 8)}._button_v6vzt_1{border:var(--size) solid #fff;border-radius:calc(var(--size) * 2);display:grid;font-size:calc(var(--size) * 6);font-weight:600;padding:calc(var(--size) * 3);place-items:center}._button_v6vzt_1:has(input:checked){background:#a00;color:#fff}._button_v6vzt_1 input{display:none}._select_1h2fk_1{border:calc(var(--size) * .6) solid #fff;border-radius:calc(var(--size) * 3);display:grid;font-size:calc(var(--size) * 3);font-weight:600;grid-auto-flow:column;height:fit-content;overflow:hidden}._label_1h2fk_12{padding:calc(var(--size) * 2)}._label_1h2fk_12:not(:first-child){border-left:calc(var(--size) * .6) solid #fff}._label_1h2fk_12:has(input:checked){color:#fff;background:#a00}._label_1h2fk_12 input{display:none}._page_12zyu_1{display:grid;gap:calc(var(--size) * 4);padding:calc(var(--size) * 2)}._nav_12zyu_6{display:grid;grid-template-columns:1fr auto 1fr}._sequence_12zyu_10{display:flex;flex-wrap:wrap;font-size:calc(var(--size) * 9);gap:calc(var(--size) * 4);line-height:1}._page_13jdn_1{align-content:start;display:grid;gap:calc(var(--size) * 2);padding:calc(var(--size) * 2);grid-template-rows:auto 1fr;height:100%}._nav_13jdn_10{align-items:center;display:grid;gap:calc(var(--size) * 2);grid-template-columns:1fr auto 1fr}._board_13jdn_17{display:grid;gap:calc(var(--size) * 3);grid-template-rows:repeat(4,1fr);height:100%;padding:calc(var(--size) * 2)}._choice_13jdn_24{display:grid;gap:calc(var(--size) * 4);grid-auto-columns:1fr;grid-auto-flow:column}._result_13jdn_31{background:#f5ed0c;color:#000;display:grid;font-size:calc(var(--size) * 7);font-weight:600;place-items:center;padding:calc(var(--size) * 4)}