@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{color:#3a2a14;-webkit-font-smoothing:antialiased;background-color:#f5f0e1;min-height:100dvh;font-family:Noto Serif JP,Yu Mincho,游明朝,serif}button{font:inherit;cursor:pointer}.mode-select{flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100dvh;padding:20px;display:flex}.mode-select-title{color:#3a2a14;align-items:center;gap:12px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(28px,8vw,48px);font-weight:900;display:flex}.title-icon{color:#8b6914;font-size:.8em}.mode-select-buttons{flex-direction:column;gap:12px;width:min(80vw,280px);display:flex}.mode-btn{color:#3a2a14;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#f5e6c8 0%,#e8d5a8 100%);border:2px solid #c8a870;border-radius:8px;padding:14px 24px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(16px,4vw,20px);font-weight:700;transition:background .15s}.mode-btn:active{background:linear-gradient(#e8d5a8 0%,#dcc590 100%)}.mode-btn--sub{color:#5a4a32;background:linear-gradient(#faf4e8 0%,#f0e4d0 100%);border-color:#d4c4a8;padding:10px 20px;font-size:clamp(14px,3.5vw,17px)}.mode-btn--sub:active{background:linear-gradient(#f0e4d0 0%,#e5d9c0 100%)}.cpu-setup{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100dvh;padding:20px;display:flex}.cpu-setup-title{color:#3a2a14;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(22px,6vw,32px);font-weight:900}.cpu-setup-option{flex-direction:column;gap:12px;display:flex}.cpu-setup-label{color:#5a4a32;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(14px,3.5vw,18px);font-weight:700}.radio-label{color:#3a2a14;cursor:pointer;align-items:center;gap:8px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(14px,3.5vw,18px);display:flex}.radio-label input[type=radio]{accent-color:#8b6914;width:18px;height:18px}.cpu-setup-buttons{flex-direction:column;gap:12px;width:min(80vw,280px);display:flex}.rule-settings{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100dvh;padding:20px;display:flex}.rule-settings-title{color:#3a2a14;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(22px,6vw,32px);font-weight:900}.rule-settings-option{flex-direction:column;gap:12px;display:flex}.rule-settings-label{color:#5a4a32;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(14px,3.5vw,18px);font-weight:700}.rule-settings-buttons{flex-direction:column;gap:12px;width:min(80vw,280px);display:flex}.piece{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.piece-shape{clip-path:polygon(50% 0%,95% 25%,95% 100%,5% 100%,5% 25%);background:linear-gradient(#f5e6c8 0%,#e8d5a8 50%,#dcc590 100%);justify-content:center;align-items:center;width:85%;height:90%;display:flex;position:relative;box-shadow:1px 1px 2px #0003}.piece-text{color:#1a1a1a;padding-top:15%;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(14px,4vw,22px);font-weight:700;line-height:1}.piece--gote .piece-shape{transform:rotate(180deg)}.piece--promoted .piece-text{color:#c0392b}.board-wrapper{flex-direction:column;align-items:center;gap:2px;display:flex}.board-col-labels{grid-template-columns:repeat(5,1fr);width:min(80vw,350px);padding:0 2px;display:grid}.board-col-labels .board-label{text-align:center;color:#5a4a32;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(10px,2.5vw,14px)}.board-with-rows{align-items:stretch;gap:2px;display:flex}.board{background:linear-gradient(135deg,#d4a76a 0%,#c8945a 20%,#d4a76a 40%,#cfa065 60%,#d4a76a 80%,#c89858 100%);border:2px solid #8b6914;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);width:min(80vw,350px);height:min(80vw,350px);display:grid;box-shadow:2px 2px 8px #0000004d}.cell{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #8b6914;justify-content:center;align-items:center;display:flex;position:relative}.cell--selected{background-color:#4caf5059}.cell--legal{cursor:pointer}.cell-legal-dot{background-color:#4caf5080;border-radius:50%;width:30%;height:30%;position:absolute}.cell-legal-capture{border:3px solid #4caf5080;border-radius:50%;position:absolute;inset:2px}.board-row-labels{flex-direction:column;justify-content:space-around;padding:0 4px;display:flex}.board-row-labels .board-label{color:#5a4a32;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(10px,2.5vw,14px)}.hand{align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;display:flex}.hand-label{color:#5a4a32;white-space:nowrap;font-size:clamp(12px,3vw,16px);font-weight:700}.hand-caption{color:#7a6a52;white-space:nowrap;font-size:clamp(11px,2.5vw,14px)}.hand-pieces{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hand-piece{cursor:pointer;color:#1a1a1a;-webkit-tap-highlight-color:transparent;background:linear-gradient(#f5e6c8,#e8d5a8);border:1px solid #c8a870;border-radius:4px;align-items:center;gap:1px;padding:4px 8px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(13px,3.5vw,18px);display:flex}.hand-piece:active{background:linear-gradient(#e8d5a8,#dcc590)}.hand-piece--selected{background:#4caf504d;border-color:#4caf50}.hand-piece-name{font-weight:700}.hand-piece-count{color:#5a4a32;font-size:.75em}.hand-empty{color:#a09080;font-size:clamp(11px,2.5vw,14px)}.rules-modal{background:#f5f0e1;border:2px solid #c8a870;border-radius:12px;max-width:min(90vw,400px);max-height:80dvh;padding:24px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;overflow-y:auto}.rules-title{color:#3a2a14;text-align:center;margin-bottom:16px;font-size:clamp(18px,5vw,24px)}.rules-content{flex-direction:column;gap:16px;display:flex}.rules-content h3{color:#5a4a32;border-bottom:1px solid #d4c4a8;margin-bottom:6px;padding-bottom:4px;font-size:clamp(14px,3.5vw,17px)}.rules-content p,.rules-content li,.rules-content dd{color:#3a2a14;font-size:clamp(12px,3vw,15px);line-height:1.6}.rules-content ul{padding-left:20px}.rules-pieces{grid-template-columns:auto 1fr;gap:4px 12px;display:grid}.rules-pieces dt{color:#5a4a32;font-size:clamp(12px,3vw,15px);font-weight:700}.rules-pieces dd{margin:0}.rules-close-btn{width:100%;margin:16px auto 0;display:block}.game-screen{flex-direction:column;align-items:center;gap:4px;min-height:100dvh;padding:8px;display:flex}.game-header{justify-content:space-between;align-items:center;width:min(90vw,380px);padding:8px 12px;display:flex}.game-header-title{color:#3a2a14;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(16px,4.5vw,22px);font-weight:900}.game-header-buttons{gap:8px;display:flex}.header-btn{color:#5a4a32;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#f5e6c8,#e8d5a8);border:1px solid #c8a870;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Noto Serif JP,serif;font-size:18px;font-weight:700;display:flex}.header-btn:active{background:linear-gradient(#e8d5a8,#dcc590)}.game-info{text-align:center;width:min(90vw,380px);padding:8px 12px}.game-info-text{color:#3a2a14;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(14px,3.5vw,18px);font-weight:700}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{text-align:center;background:#f5f0e1;border:2px solid #c8a870;border-radius:12px;min-width:min(80vw,260px);padding:24px}.modal-title{color:#3a2a14;margin-bottom:12px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(16px,4.5vw,22px);font-weight:900}.modal-message{color:#3a2a14;margin-bottom:16px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(14px,3.5vw,18px)}.modal-message--large{font-size:clamp(18px,5vw,26px);font-weight:700}.modal-buttons{justify-content:center;gap:12px;display:flex}.modal-buttons--vertical{flex-direction:column;align-items:stretch}.modal-btn{color:#3a2a14;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#f5e6c8 0%,#e8d5a8 100%);border:2px solid #c8a870;border-radius:8px;padding:10px 20px;font-family:Noto Serif JP,Yu Mincho,游明朝,serif;font-size:clamp(14px,3.5vw,17px);font-weight:700}.modal-btn:active{background:linear-gradient(#e8d5a8 0%,#dcc590 100%)}.modal-btn--primary{color:#fff;background:linear-gradient(#d4a76a 0%,#c8945a 100%);border-color:#8b6914}.modal-btn--primary:active{background:linear-gradient(#c8945a 0%,#b8844a 100%)}.modal-btn--secondary{color:#7a6a52;background:linear-gradient(#faf4e8 0%,#f0e4d0 100%);border-color:#d4c4a8}