.utopia-games{box-sizing:border-box;width:min(760px,calc(100vw - 20px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid #b9cdc5;border-radius:16px;background:#faf8ef;color:#24443e;font:15px/1.55 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;overflow:auto;scrollbar-color:#6b9085 #f1f0e7}.utopia-games *{box-sizing:border-box}.utopia-games::backdrop{background:#172f2bb3}.utopia-games header{display:flex;justify-content:space-between;align-items:center;gap:12px}.utopia-games h2{font-size:26px;margin:0}.utopia-games p{margin:12px 0}.utopia-games button,.utopia-games select,.ug-reopen{font:inherit;color:#24443e;background:#edf1e9;border:1px solid #a9c1b8;border-radius:8px;min-height:44px;padding:9px 14px;cursor:pointer}.utopia-games button:hover:not(:disabled){background:#d8e7dd}.utopia-games button:focus-visible,.utopia-games select:focus-visible,.ug-reopen:focus-visible{outline:3px solid #14675f;outline-offset:2px}.utopia-games button:disabled{opacity:.55;cursor:default}.utopia-games .ug-error{color:#943c2e}.utopia-games .ug-error:empty{display:none}.ug-choice{display:block;width:100%;text-align:left;margin:14px 0;font-weight:700!important}.ug-choice small{display:block;font-weight:400;margin-top:5px}.ug-rules,.ug-players{font-size:13px;color:#456158}.ug-status{font-size:20px;font-weight:700}.utopia-games footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #c5d1c6}.ug-reopen{position:fixed;bottom:80px;right:16px;z-index:20}.ug-reopen[hidden]{display:none}.ug-board-scroll{overflow:auto;max-width:100%;margin:12px 0;overscroll-behavior:contain}.ug-gomoku{display:grid;grid-template-columns:repeat(15,1fr);width:100%;min-width:670px;background:#e6c790;padding:5px}.ug-gomoku button{position:relative;min-height:44px;height:auto;aspect-ratio:1;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#94784e 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#94784e 50%,transparent calc(50% + .5px))}.ug-gomoku button:disabled{opacity:1}.ug-gomoku button span{display:block;width:78%;height:78%;margin:auto;border-radius:50%;border:1px solid #5c584c}.ug-black{background:#223732;color:#fff}.ug-white{background:#fffdf5;color:#29443c}.ug-gomoku .ug-selected{outline:3px solid #087e75;outline-offset:-4px;background-color:#9fc8b4}.ug-bingo{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:440px;margin:18px auto}.ug-bingo button{aspect-ratio:1;font-size:20px;padding:0;min-width:0}.ug-bingo .ug-called{background:#25675c;color:#fff;opacity:1}.ug-alkkagi{position:relative;aspect-ratio:1;max-width:440px;margin:18px auto;background:#dfc998;border:6px solid #6d876b;border-radius:4px;touch-action:none;overflow:hidden}.ug-stone{position:absolute;width:6.4%;height:6.4%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;font-size:12px;border:1px solid #617066;user-select:none}.ug-picked{outline:3px solid #087e75;outline-offset:2px}.ug-controls{display:flex;flex-wrap:wrap;gap:8px}.ug-controls output{width:100%;font-variant-numeric:tabular-nums}.utopia-games small{display:block;font-size:12px;margin:8px 0;color:#456158}@media(max-width:420px){.utopia-games{padding:14px}.utopia-games h2{font-size:22px}.utopia-games header button{padding-inline:10px}.ug-bingo{gap:4px}}@media(max-height:450px){.utopia-games{max-height:calc(100dvh - 12px);padding:16px}.ug-alkkagi{width:280px}}@media(prefers-reduced-motion:reduce){.utopia-games{scroll-behavior:auto}}
.ug-gomoku button{background:none}.ug-gomoku button::before,.ug-gomoku button::after{content:'';position:absolute;background:#8a704b;pointer-events:none}.ug-gomoku button::before{left:50%;top:0;width:1px;height:100%}.ug-gomoku button::after{top:50%;left:0;height:1px;width:100%}.ug-gomoku button span{position:relative;z-index:1}.utopia-games .ug-place{position:sticky;bottom:0;z-index:2;display:block;width:100%;background:#25675c;color:#fff;opacity:1;margin-top:12px}.utopia-games .ug-place:disabled{background:#dde4d8;color:#53675b}.utopia-games header{position:sticky;top:-24px;z-index:3;background:#faf8ef;padding-block:8px}.utopia-games button,.utopia-games select{margin:0}.ug-choice{margin:14px 0!important}@media(max-width:420px){.utopia-games header{top:-14px}}
.utopia-games .ug-place:disabled{opacity:1}