.line-v040{max-width:620px;margin:auto}.line-v040 p{margin:.45rem 0}.line-scroll{overflow:auto;max-height:65vh;border:2px solid #69795f;border-radius:6px;overscroll-behavior:contain}.line-grid{display:grid;max-width:100%;background:#e8d6aa;gap:0}.line-grid[style*="px"]{max-width:none}.line-grid button{position:relative;aspect-ratio:1;min-width:0;min-height:0;border:1px solid #b6ab86;border-radius:0;padding:0;background:#f1e3bc;color:#203b33;font-size:clamp(17px,3.8vw,30px);line-height:1}.line-grid[data-kind=gomoku] button{background:linear-gradient(90deg,transparent 49%,#ac9c73 49%,#ac9c73 51%,transparent 51%),linear-gradient(transparent 49%,#ac9c73 49%,#ac9c73 51%,transparent 51%),#ead8a7;border:0}.line-grid button:disabled{opacity:1;cursor:default}.line-grid button[data-owner="2"]{color:#a55742}.line-grid[data-kind=gomoku] button[data-owner="2"]{color:#fffcf1;text-shadow:0 0 2px #284b3b}.line-grid button[data-selected=true]{box-shadow:inset 0 0 0 3px #b78029;background-color:#fae4a2}.line-grid button[data-last-to=true]:after{content:'◆';position:absolute;right:2%;bottom:1%;font-size:10px;color:#bd5b31;background:#fff9e7;border-radius:50%}.line-grid button[data-winning=true]{background-color:#b8d4b3}.line-grid[data-kind=tic]{max-width:360px;margin:auto}.line-grid[data-kind=tic] button,.ultimate-active button{font-size:clamp(28px,8vw,54px);min-height:60px}.line-actions{display:flex;flex-wrap:wrap;gap:.5rem}.line-actions button{min-height:44px}.line-scroll[data-pan=true]{touch-action:none;cursor:grab}.line-overview svg{width:140px;height:140px;border:1px solid #8d977d;cursor:crosshair}.line-overview[hidden],.line-scroll[hidden],.line-detail[hidden],.line-review[hidden]{display:none}.ultimate-map{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:390px;margin:auto}.ultimate-map>button{aspect-ratio:1;border:2px solid #b7b7a2;background:#ede9da;padding:4px;border-radius:6px;min-height:0}.ultimate-map>button[data-available=true]{border-color:#34756e;background:#f7f5e8}.ultimate-map>button[data-focus=true]{box-shadow:inset 0 0 0 2px #d2a957}.ultimate-map>button[data-send=true]{outline:3px dashed #b66b35}.ultimate-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.ultimate-mini span{font-size:clamp(14px,4vw,23px);border:1px solid #cfccba;line-height:1.15}.ultimate-mini [data-last-to=true]{background:#efd599}.ultimate-map strong{font-size:40px;color:#506c60}.ultimate-active{max-width:320px;margin:auto}.line-preview,.line-notice{min-height:1.4em}.line-review p{padding:.5rem;border-left:3px solid #a8b898}.line-last{font-size:.9em}.ultimate-help{margin-top:.7rem}

.line-grid[data-kind=gomoku] button{background-image:linear-gradient(90deg,transparent calc(50% - .5px),#ac9c73 calc(50% - .5px),#ac9c73 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#ac9c73 calc(50% - .5px),#ac9c73 calc(50% + .5px),transparent calc(50% + .5px))}.line-stone{display:block;width:80%;height:80%;border-radius:50%;background:#263b36;border:1px solid #142c25;box-shadow:0 1px 2px #0004}.line-grid button[data-owner="2"] .line-stone{background:#fffdf4;border-color:#86917c}.ultimate-mini{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.ultimate-mini span{aspect-ratio:1;display:grid;place-items:center;line-height:1.1;min-width:0}.ultimate-map>button{display:grid;place-items:stretch}.ultimate-map strong{align-self:center}.ultimate-map>button[data-owner="2"] strong{color:#a55742}.ultimate-map>button[data-winning=true]{background:#bdd6b8;border-color:#34654b}
.ultimate-map>button{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-content:stretch}

.ultimate-exercise{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ultimate-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.ultimate-demo button,.ultimate-demo span{min-width:0;min-height:36px;aspect-ratio:1;display:grid;place-items:center;padding:2px;border:1px solid #b5bea5;background:#f4eddc}.ultimate-demo [data-demo-available=true]{background:#d2e6ca;border:2px solid #41705d}