:root{--board: #e8c88a;--line: #6b4f2a;--bg: #1c1a17;--panel: #26231f;--panel-2: #302c27;--border: #4a453e;--text: #f2ece0;--muted: #b9b1a3;--accent: #d98a3d;--danger: #d65a4a;--ok: #7fae6d;--dest: rgba(60, 200, 120, .55);--sel: rgba(255, 210, 70, .7);--last: rgba(217, 138, 61, .42);--rank-w: 16px;--board-size: min(calc(100vw - 24px - var(--rank-w)), 460px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;touch-action:manipulation}.app{max-width:520px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 12px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.center{display:flex;justify-content:center}.btn{background:var(--accent);color:#1c1a17;border:none;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;min-height:40px}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--text);border:1px solid #55504a}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:6px 12px;min-height:34px;font-size:14px}.btn.wide{width:100%;margin-top:4px}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.topbar-right{display:flex;gap:6px}.btn.icon{padding:6px 9px}.topbar h1{font-size:18px;margin:0;letter-spacing:.08em;text-align:center}.notice{background:#3a3226;border:1px solid #6a5a3a;color:#f0d9a8;border-radius:8px;padding:6px 10px;font-size:13px;text-align:center}.error-text{color:#ff9b8a;font-size:14px}.player-bar{display:flex;align-items:center;gap:10px;font-size:14px;color:#cfc7b8;padding:2px 4px;border-radius:8px;transition:background .2s}.player-bar.active{background:#d98a3d24;color:var(--text)}.player-name{display:flex;align-items:center;gap:4px;font-weight:700}.player-mark{font-size:16px}.energy-btn{background:#d98a3d1f;border:1px solid rgba(217,138,61,.45);color:var(--accent);font-weight:700;border-radius:999px;padding:1px 9px;cursor:pointer;font-size:14px;line-height:1.5}.energy-btn:disabled{cursor:default}.energy-btn:not(:disabled):hover{background:#d98a3d38}.modal.energy-help{text-align:left}.energy-help-title{font-size:20px;font-weight:800;color:var(--accent)}.energy-help-lead{margin:4px 0 10px}.energy-help-now{display:flex;justify-content:space-around;background:var(--bg);border-radius:8px;padding:8px;font-size:14px;color:var(--muted)}.energy-help-now b{color:var(--accent);margin-left:4px}.energy-help ul{margin:12px 0 0;padding-left:18px;font-size:13px;line-height:1.7;color:#d9d2c4}.energy-help ul b{color:var(--accent)}.player-bar .thinking{color:#9fd0ff;animation:blink 1.2s infinite}.clock{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;font-size:17px;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:2px 8px;min-width:64px;text-align:center}.clock.running{border-color:var(--accent);color:#fff}.clock.low{color:#ff8a7a;border-color:var(--danger)}.clock.low.running{animation:blink 1s infinite}@keyframes blink{50%{opacity:.45}}.board-wrap{display:flex;flex-direction:column;align-items:center}.board-files{display:grid;grid-template-columns:repeat(9,1fr);width:var(--board-size);margin-right:var(--rank-w);font-size:11px;color:#9a9184;text-align:center}.board-body{display:flex}.board-ranks{display:grid;grid-template-rows:repeat(9,1fr);width:var(--rank-w);font-size:11px;color:#9a9184;align-items:center;text-align:center}.board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:var(--board-size);aspect-ratio:1 / 1;background:repeating-linear-gradient(92deg,#9664280f 0,#9664280f 3px,#fff0 3px,#fff0 9px),var(--board);border:3px solid var(--line);border-radius:4px;box-shadow:0 4px 14px #00000073}.cell{position:relative;border:.5px solid rgba(107,79,42,.55);display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none}.cell.last-from{background:#d98a3d33}.cell.last-to{background:var(--last)}.cell.selected{background:var(--sel)}.cell.dest{background:var(--dest)}.cell.in-check{background:#d6463c8c;animation:pulse 1s infinite}.cell.frozen{box-shadow:inset 0 0 0 3px #78b4ffd9}@keyframes pulse{50%{background:#d6463c4d}}.cell.card-target:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:3px solid #c77dff;border-radius:3px;z-index:2;pointer-events:none;animation:target-blink 1.4s ease-in-out infinite}@keyframes target-blink{50%{border-color:#c77dff59}}.cell.star:after{content:"";position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border-radius:50%;background:var(--line);z-index:1;pointer-events:none}.board-stage{position:relative}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:safe center;overflow-y:auto;gap:8px;padding:10px;border-radius:4px;background:#16130fcc;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade-in .2s ease-out}.card-overlay-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;padding:0 2px}.card-overlay .cards{gap:6px}.card-overlay .card{padding:7px 9px;gap:2px;background:#26231ff7}.card-overlay .card-name{font-size:15px}.card-overlay .card-desc{font-size:11px;line-height:1.35}.card-overlay .card-star,.card-overlay .card-cost{font-size:11px}.card-overlay .peek{align-self:center;background:#1c1a17e6}.reopen-cards{animation:pop-in .2s ease-out}.koma{--koma-w: .84;display:flex;align-items:center;justify-content:center;width:calc(100% * var(--koma-w) * var(--koma-scale, 1));height:calc(100% * .92 * var(--koma-scale, 1));filter:drop-shadow(0 1px 0 rgba(60,35,10,.75)) drop-shadow(0 2px 2px rgba(0,0,0,.35));z-index:2}.koma.theirs{transform:rotate(180deg)}.koma-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,86% 15%,100% 100%,0% 100%,14% 15%);background:linear-gradient(100deg,#ffffff47,#fff0 45%),repeating-linear-gradient(88deg,#96642812 0,#96642812 2px,#fff0 2px,#fff0 6px),linear-gradient(180deg,#f6dfa8,#e9c27c)}.koma-label{font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,"Noto Serif JP","Noto Serif CJK JP",MS PMincho,serif;font-weight:700;font-size:calc(var(--board-size) / 9 * .57 * var(--koma-scale, 1));line-height:1;color:#1d1309;padding-top:14%}.koma.promoted .koma-label{color:#b3171b}.koma.just-moved{animation:drop-in .22s ease-out}.koma.theirs.just-moved{animation-name:drop-in-r}@keyframes drop-in{0%{transform:scale(1.3) translateY(-6%)}to{transform:scale(1)}}@keyframes drop-in-r{0%{transform:rotate(180deg) scale(1.3) translateY(-6%)}to{transform:rotate(180deg) scale(1)}}.dot{width:26%;height:26%;border-radius:50%;background:#145a32a6}.hand{display:flex;align-items:center;gap:6px;min-height:42px;padding:4px 8px;background:var(--panel);border-radius:8px;flex-wrap:wrap}.hand-label{font-size:12px;color:#9a9184}.hand-empty{font-size:12px;color:#6f685d}.hand-piece{position:relative;background:transparent;border:none;padding:2px 4px;width:40px;height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px}.hand-piece .koma{width:30px;height:34px}.hand-piece .koma-label{font-size:19px}.hand-piece:disabled{cursor:default}.hand.theirs .hand-piece{opacity:.85}.hand-piece.selected{background:var(--sel)}.hand-piece.card-added{box-shadow:0 0 0 2px #c77dff;border-radius:6px}.opp-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;height:46px;padding:4px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--border);border-left-width:4px;font-size:13px;overflow:hidden}.opp-card-kicker{grid-row:1 / 3;font-size:11px;color:var(--muted);white-space:nowrap}.opp-card.idle .opp-card-idle{grid-row:1 / 3;color:#8d857a}.opp-card.used{background:#c77dff1a;border-color:#c77dff80;animation:opp-card-in .5s ease-out}.opp-card.used.star1{border-left-color:#7fae6d}.opp-card.used.star2{border-left-color:#5b9bd5}.opp-card.used.star3{border-left-color:#d9a441}.opp-card-name{display:flex;align-items:baseline;gap:6px;font-weight:800;font-size:15px;min-width:0;white-space:nowrap}.opp-card-star{color:#d9a441;font-size:11px;letter-spacing:1px}.opp-card-target{font-size:11px;font-weight:700;color:#e3c4ff;border:1px solid #c77dff;border-radius:4px;padding:0 4px}.opp-card-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@keyframes opp-card-in{0%{opacity:0;transform:translateY(-6px)}40%{background:#c77dff59}}.hand-count{position:absolute;right:-2px;bottom:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:#1c1a17;font-size:11px;font-weight:800;line-height:17px;z-index:3}.status{text-align:center;min-height:22px;font-size:14px;color:#d9d2c4}.result-inline{font-size:17px;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.card{text-align:left;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--panel);color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:4px;animation:card-in .25s ease-out both}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.card.disabled,.card:disabled{opacity:.45;cursor:default}.card.star1{border-left:4px solid #7fae6d}.card.star2{border-left:4px solid #5b9bd5}.card.star3{border-left:4px solid #d9a441}.card.skip{border-left:4px solid #777}.card-star{color:#d9a441;font-size:12px;letter-spacing:2px}.card-name{font-weight:700;font-size:16px}.card-desc{font-size:12px;color:var(--muted)}.card-cost{font-size:12px;color:var(--accent)}.kifu{background:var(--panel);border-radius:8px;padding:6px 10px;font-size:14px}.kifu summary{cursor:pointer;color:var(--muted);font-size:13px}.kifu ol{list-style:none;margin:6px 0 0;padding:0;max-height:132px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2px 12px}.kifu li{display:flex;gap:6px;align-items:baseline;white-space:nowrap}.kifu li.latest{color:var(--accent);font-weight:700}.kifu-no{color:#6f685d;font-size:11px;min-width:22px;text-align:right}.kifu-card{font-size:10px;color:#d9a441;border:1px solid #6a5a3a;border-radius:4px;padding:0 3px;overflow:hidden;text-overflow:ellipsis}.kifu-empty{margin:6px 0 0;color:#6f685d;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10;animation:fade-in .15s ease-out}.modal{position:relative;background:var(--panel);border:1px solid var(--border);padding:20px 24px;border-radius:14px;text-align:center;max-width:360px;width:100%;overflow:hidden;animation:pop-in .2s ease-out}.modal-message{font-size:16px;line-height:1.6}.modal-message small{color:var(--muted);font-size:12px}.modal-actions{display:flex;gap:10px;margin-top:14px;justify-content:center;flex-wrap:wrap}.modal-actions.column{flex-direction:column}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}}.modal.result{padding:28px 24px 22px;animation:result-in .45s cubic-bezier(.2,1.4,.4,1)}@keyframes result-in{0%{opacity:0;transform:scale(.6)}}.result-kicker{font-size:13px;color:var(--muted);letter-spacing:.2em}.result-title{font-size:44px;font-weight:800;margin:4px 0 6px;letter-spacing:.06em}.result.win .result-title{color:#f2d16b;text-shadow:0 0 18px rgba(242,209,107,.55)}.result.lose .result-title{color:#b9b1a3}.result.draw .result-title{color:#9fd0ff}.result.win{border-color:#a07a2a;box-shadow:0 0 40px #d9a44159}.result-detail{color:var(--muted);font-size:14px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti span{position:absolute;top:-12px;width:7px;height:12px;border-radius:2px;opacity:.9;animation:fall linear infinite}@keyframes fall{to{transform:translateY(440px) rotate(540deg)}}.menu-hero{text-align:center;padding:18px 0 6px}.menu-hero h1{margin:0;font-size:30px;letter-spacing:.14em}.menu-hero p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.panel h2{margin:0;font-size:17px}.hint{margin:0;font-size:12px;color:var(--muted);line-height:1.6}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--bg);border-radius:8px;padding:3px;gap:3px}.segmented button{background:transparent;border:none;color:var(--muted);padding:8px 4px;border-radius:6px;cursor:pointer;min-height:38px}.segmented button.on{background:var(--panel-2);color:var(--text);font-weight:700;box-shadow:inset 0 0 0 1px var(--accent)}.divider{display:flex;align-items:center;gap:10px;color:#6f685d;font-size:12px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--border)}.join-row{display:flex;gap:8px}.room-input{flex:1;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:18px;letter-spacing:.2em;font-weight:700}.room-input::placeholder{letter-spacing:normal;font-weight:400;font-size:14px}.rules summary{cursor:pointer;font-weight:700}.rules ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted);line-height:1.7}.room-wait{background:var(--panel);border:1px dashed var(--accent);border-radius:12px;padding:14px;text-align:center}.room-wait-title{font-size:14px;color:var(--muted)}.room-id{font-size:38px;font-weight:800;letter-spacing:.25em;margin:6px 0;font-variant-numeric:tabular-nums}.room-wait-meta{font-size:12px;color:var(--muted)}.room-tag{text-align:center;font-size:12px;color:#8a8276}.ad-slot{display:grid;place-items:center;min-height:100px;border:1px dashed #4f4940;border-radius:10px;color:#7a7266;font-size:12px;letter-spacing:.08em;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(255,255,255,.015) 10px 20px)}.ad-slot.is-live{display:block;border:0;background:none;min-height:0}.ad-slot.is-live .ad-label{display:block;margin-bottom:4px;font-size:10px}.ad-bottom{margin-top:28px}.ad-rail{display:none}@media (min-width: 1000px){.ad-rail{display:block;position:fixed;top:24px;width:160px;z-index:0}.ad-rail.left{left:calc(50% - 444px)}.ad-rail.right{right:calc(50% - 444px)}.ad-rail .ad-slot{min-height:600px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.match-wait{display:flex;flex-direction:column;gap:8px}.match-wait-title{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;padding:6px 0}.match-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}