html{font-family:BIZ UDPGothic,Hiragino Sans,Yu Gothic UI,sans-serif;line-height:1.4;font-weight:400;color-scheme:light}a{color:inherit}:root{--bg: #f2e7d4;--ink: #1f1a17;--muted: #5f544b;--panel: rgba(255, 249, 238, .92);--accent: #ac4b31;--accent-2: #32635f;--board: #d6a55a;--board-line: rgba(56, 35, 11, .54);--shadow: 0 20px 50px rgba(63, 36, 11, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow:hidden;color:var(--ink);font-family:Yu Gothic UI,Hiragino Sans,sans-serif;background:radial-gradient(circle at top left,rgba(255,255,255,.82),transparent 30%),radial-gradient(circle at top right,rgba(150,104,67,.18),transparent 26%),linear-gradient(160deg,#f8f0e3,#e1cfb6 54%,#cfb28f)}button,input{font:inherit}.shell{height:100dvh;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.topbar,.home-hero,.match-toolbar,.section-head,.turn-banner,.match-main,.home-grid{display:flex;gap:12px}.topbar{align-items:center;justify-content:space-between;min-height:88px}.topbar-copy h1{margin:0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1}.subtitle,.muted{margin:6px 0 0;color:var(--muted)}.eyebrow{margin:0 0 6px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}.topbar-side{display:flex;gap:10px;align-items:center}.topbar-card,.card{background:var(--panel);border:1px solid rgba(77,55,33,.12);border-radius:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-card{min-width:240px;padding:12px 14px;display:flex;gap:12px;align-items:center}.status-dot{inline-size:12px;block-size:12px;border-radius:999px;background:linear-gradient(135deg,#55c88a,#2a7b5a);box-shadow:0 0 0 6px #55c88a2e}.flash{padding:10px 14px;border-radius:16px;background:#1f1a17e0;color:#fffaf4}.screen-stage{flex:1;min-height:0;overflow:hidden}.fit-viewport{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.fit-frame{position:relative;display:grid;place-items:center}.fit-content{transform-origin:top center;will-change:transform}.auth-fit{width:520px;min-height:620px}.home-fit{width:1180px;min-height:760px}.auth-screen,.home-screen{display:grid;gap:14px;width:100%;height:100%}.home-screen-plain{grid-template-rows:auto minmax(0,1fr);align-content:start;overflow:auto;padding-inline:4px;padding-bottom:4px}.auth-card,.card{padding:18px}.auth-screen{place-items:center}.auth-card{width:100%}.home-hero{justify-content:space-between;align-items:flex-start}.hero-copy{max-width:700px}.hero-stats{display:flex;gap:10px}.stat-chip{min-width:96px;padding:12px 14px;border-radius:16px;background:#ffffff9e;display:grid;gap:4px}.stat-chip span{color:var(--muted);font-size:.82rem}.home-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;align-items:stretch;min-height:0}.span-two{grid-column:span 2}.field,.stack,.plain-list,.special-panel,.rule-card,.turn-message{display:grid;gap:10px}.field input{border-radius:14px;border:1px solid rgba(89,65,40,.2);background:#ffffffc7;padding:12px 14px}.plain-list{list-style:none;padding:0;margin:0}.compact-list{align-content:start}.empty-state{color:var(--muted)}.primary-button,.secondary-button,.ghost-button,.danger-button,.match-pill,.hand-chip,.board-square{border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.primary-button,.secondary-button,.ghost-button,.danger-button{border-radius:16px;padding:12px 14px}.primary-button{background:linear-gradient(135deg,#c7623b,#9f3d28);color:#fff9f2}.secondary-button{background:linear-gradient(135deg,#3c8079,#295651);color:#fff}.ghost-button{background:#2c3b3914;color:var(--ink)}.danger-button{background:linear-gradient(135deg,#954733,#6d281d);color:#fff}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.match-pill:hover,.hand-chip:hover,.board-square:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.hand-chip:disabled{opacity:.48;cursor:not-allowed;transform:none}.notification,.match-pill{padding:12px 14px;border-radius:16px;background:#ffffff94}.notification{display:grid;gap:6px}.notification.read{opacity:.66}.match-pill{width:100%;text-align:left;display:grid;gap:4px}.replay-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.match-page{width:100%;height:100%;min-height:0;display:grid}.match-shell{padding:12px;min-height:0;height:100%;overflow:hidden}.match-grid{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;height:100%}.match-center-row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}.match-center-row.debug-visible{grid-template-columns:minmax(0,1fr) 300px}.match-top-row,.match-bottom-row{display:grid;gap:12px;align-items:stretch}.match-top-row>*,.match-bottom-row>*{min-width:0}.match-top-row{grid-template-columns:minmax(144px,180px) minmax(0,1fr) minmax(120px,148px)}.match-bottom-row{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(144px,180px)}.clock-rail,.special-card,.match-board-card{background:#ffffff9e;border:1px solid rgba(77,55,33,.12);border-radius:22px;box-shadow:var(--shadow)}.match-exit-button{width:100%;align-self:stretch;padding-inline:10px}.clock-rail{padding:12px 14px;display:grid;gap:12px;align-content:center;min-width:0}.clock-readout{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1;font-variant-numeric:tabular-nums}.special-card{padding:12px;display:grid;gap:10px;align-content:start}.tip-card{padding:14px;border-radius:16px;background:#ffffff8f}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:8px 12px;border-radius:18px;background:#ffffff94;font-size:.92rem}.match-board-card{padding:12px;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.debug-card{padding:14px;background:#1d1a16eb;color:#f8f2e8;border-radius:22px;display:grid;gap:10px;align-content:start;min-height:0}.debug-summary{display:grid;gap:4px;font-size:.84rem;color:#f8f2e8d6}.hand-rail{padding:10px 12px;border-radius:18px;background:#ffffff85;display:grid;gap:8px;min-width:0}.rail-head{display:flex;align-items:center;gap:10px}.turn-lamp{inline-size:12px;block-size:12px;border-radius:999px;background:#4d372138;box-shadow:0 0 0 5px #4d372114}.turn-lamp.active{background:linear-gradient(135deg,#c7623b,#9f3d28);box-shadow:0 0 0 5px #c7623b2e}.rail-label{font-weight:700}.rail-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hand-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.hand-chip{min-inline-size:0;padding:7px 4px;border-radius:14px;background:#ffffffad;display:grid;justify-items:center;gap:4px;font-size:.84rem;overflow:hidden}.hand-chip.selected{background:#ac4b3138}.board-stack{position:relative;min-height:0;display:grid;align-items:stretch;justify-items:stretch;overflow:hidden}.board-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:linear-gradient(160deg,#e1b46e,#d19944);border:clamp(3px,.5vw,6px) solid rgba(89,58,16,.42);border-radius:24px;overflow:hidden;justify-self:center;align-self:center;max-width:100%;max-height:100%;aspect-ratio:1;min-width:0;min-height:0}.board-square{width:100%;height:100%;aspect-ratio:1 / 1;background:linear-gradient(180deg,#fff6e433,#794c1714),var(--board);box-shadow:inset 0 0 0 1px var(--board-line);display:grid;place-items:center;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.board-square.selected{background:linear-gradient(160deg,#f6d78f,#d5a451)}.board-square.actionable{background:linear-gradient(160deg,#f7e7be,#dcb466)}.board-square.ownable{background:linear-gradient(180deg,#fffcf447,#794c1714),var(--board)}.piece{inline-size:calc(100% - 8px);block-size:calc(100% - 8px);border-radius:14px 14px 4px 4px;display:grid;place-items:center;font-size:clamp(.8rem,2.5vw,1.3rem);font-weight:700;background:linear-gradient(180deg,#fff4da,#ebcb92);color:#2a1c0f}.piece.enemy{transform:rotate(180deg);background:linear-gradient(180deg,#fff9eb,#e8d9b8)}.dot{inline-size:8px;block-size:8px;border-radius:999px;background:#4d372133}.dot.active{inline-size:12px;block-size:12px;background:#ac4b318a}.board-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:2;border-radius:22px;background:#130f0bb8;color:#fffbf4;display:grid;place-content:center;gap:8px;text-align:center}.match-intro-overlay span:last-child{font-weight:700}.modal-backdrop{background:#130f0b9e}.modal-card{min-width:280px;padding:18px;border-radius:20px;background:#fff9eefa;color:var(--ink);box-shadow:var(--shadow);display:grid;gap:12px}.modal-card h3,.rule-card h3,.modal-card p,.rule-card p{margin:0}.modal-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.diagnostics-list{gap:6px}.diagnostic{padding:8px 10px;border-radius:12px;background:#ffffffa3;font-size:.84rem;line-height:1.35;overflow-wrap:anywhere;display:grid;gap:4px}.diagnostic.warn{background:#ac4b3124}.debug-card .diagnostic{background:#ffffff14;color:#f8f2e8}.debug-card .diagnostic.warn{background:#c7623b38}@media (max-width: 980px){.topbar{align-items:flex-start}.topbar-side{flex-direction:column;align-items:stretch}.match-center-row,.match-top-row,.match-bottom-row{grid-template-columns:1fr}.match-shell{padding:14px}}@media (min-width: 641px) and (max-height: 820px){.match-mode{gap:0}.match-mode>.topbar{display:none}.match-shell{padding:8px}.match-grid,.match-top-row,.match-bottom-row{gap:8px}.match-top-row{grid-template-columns:minmax(130px,160px) minmax(0,1fr) minmax(110px,130px)}.match-bottom-row{grid-template-columns:minmax(200px,230px) minmax(0,1fr) minmax(130px,160px)}.clock-rail,.special-card{padding:9px 11px}.special-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.special-card .rule-card{grid-column:1 / -1}.special-card .rule-card p,.special-card .rule-card small{display:none}.special-card>.ghost-button:last-child{grid-column:1 / -1}.special-card .tag-row{flex-wrap:nowrap}}@media (max-width: 640px){body{overscroll-behavior:none}.shell{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:8px}.topbar{min-height:0;gap:8px}.topbar-copy .eyebrow,.topbar-copy .subtitle{display:none}.topbar-copy h1{font-size:1.25rem;line-height:1.1}.topbar-side{flex-direction:row;align-items:center;gap:6px}.topbar-card{min-width:0;padding:7px 9px;border-radius:14px;box-shadow:none}.topbar-card p,.topbar-card .status-dot{display:none}.topbar-card strong{font-size:.72rem;white-space:nowrap}.topbar-side>.ghost-button{padding:7px 9px;border-radius:12px;font-size:.75rem}.flash{padding:8px 10px;border-radius:12px;font-size:.84rem}.card,.auth-card{padding:14px;border-radius:18px}.auth-fit{width:min(100vw - 16px,520px);min-height:0}.home-screen-plain{gap:10px;padding-inline:0}.home-hero{display:grid;gap:12px}.hero-copy .muted{font-size:.86rem}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stat-chip{min-width:0;padding:8px 9px;border-radius:12px}.stat-chip span{font-size:.7rem}.home-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:10px}.span-two{grid-column:auto}.field,.stack,.plain-list,.special-panel,.rule-card,.turn-message{gap:8px}.primary-button,.secondary-button,.ghost-button,.danger-button{min-height:44px;padding:10px 12px}.match-mode{padding-top:max(6px,env(safe-area-inset-top));gap:0}.match-mode>.topbar{display:none}.match-mode>.flash{position:fixed;z-index:10;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.match-shell{padding:6px;border-radius:16px}.match-grid,.match-top-row,.match-bottom-row{gap:6px}.match-top-row{grid-template-columns:minmax(0,1fr) 86px}.match-top-row>.clock-rail{grid-column:1;grid-row:1}.match-top-row>.hand-rail{grid-column:1 / -1;grid-row:2}.match-top-row>.match-exit-button{grid-column:2;grid-row:1}.match-bottom-row{grid-template-columns:minmax(0,1fr) 104px}.match-bottom-row>.hand-rail{grid-column:1;grid-row:1}.match-bottom-row>.clock-rail{grid-column:2;grid-row:1;justify-content:center}.match-bottom-row>.clock-rail .rail-label{display:none}.match-bottom-row>.special-card{grid-column:1 / -1;grid-row:2}.clock-rail,.hand-rail,.special-card,.match-board-card{border-radius:14px;box-shadow:none}.clock-rail{padding:7px 9px;display:flex;justify-content:space-between;align-items:center;gap:6px}.clock-readout{font-size:1.15rem}.hand-rail{padding:6px 8px;gap:5px}.rail-head{gap:6px}.rail-label{font-size:.72rem}.turn-lamp{inline-size:8px;block-size:8px;box-shadow:none}.turn-lamp.active{box-shadow:0 0 0 3px #c7623b29}.hand-list{gap:4px}.hand-chip{min-height:34px;padding:3px 2px;border-radius:9px;gap:1px;font-size:.68rem}.match-exit-button{min-height:0;padding:6px 8px;border-radius:12px;font-size:.78rem}.match-board-card{padding:4px}.board-grid{border-width:3px;border-radius:14px}.piece{inline-size:calc(100% - 4px);block-size:calc(100% - 4px);border-radius:8px 8px 2px 2px;font-size:clamp(.62rem,4.4vw,1.05rem)}.board-overlay{top:4px;right:4px;bottom:4px;left:4px;padding:14px;border-radius:12px;font-size:.86rem}.modal-card{min-width:0;width:min(100%,340px);padding:14px}.modal-actions{grid-template-columns:1fr 1fr}.modal-actions .ghost-button{grid-column:1 / -1}.special-card{padding:6px 8px;display:flex;align-items:center;gap:6px;overflow-x:auto}.special-card .rule-card{min-width:0;margin-right:auto}.special-card .eyebrow,.special-card .rule-card p,.special-card .rule-card small{display:none}.special-card .rule-card h3{font-size:.78rem;white-space:nowrap}.special-card>button{min-height:34px;padding:5px 8px;border-radius:10px;font-size:.7rem;white-space:nowrap}.special-card .tag-row{flex-wrap:nowrap}.special-card .tag{padding:5px 7px;font-size:.68rem;white-space:nowrap}.debug-card{display:none}.match-center-row.debug-visible{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px) and (max-height: 680px){.match-top-row>.hand-rail,.match-bottom-row>.hand-rail{grid-column:1}.hand-rail .rail-head{display:none}.hand-chip{min-height:28px}.special-card .rule-card{display:none}}