@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";html,body{height:100%;margin:0;overflow:hidden}:root{--radius: 15px;--tableGap: 4px;--tablePad: 20px;--centerMax: 920px;--vGap: 12px;--handMinH: 140px;--tableMinH: 320px}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #121314;--bg2: #1b1e22;--bg3: #23262b;--panel: rgba(35,38,43,.88);--panel2: rgba(44,48,54,.96);--panel-strong: rgba(51,55,62,.98);--panel-muted: rgba(47,51,57,.55);--stroke: #2f3339;--stroke-strong: #3a4048;--text: #f3f4f6;--muted: #a0a6ae;--text-strong: #f7f8fa;--accent: #e5533d;--accent-strong: #ff6b55;--accent-pressed: #d74731;--accent-soft: rgba(229,83,61,.16);--accent2: #d9b15f;--decor: #6b7faf;--good: #5faf88;--good-soft: #1f3a2e;--info: #6e8bd8;--info-soft: #1e2640;--warning: #f0a04b;--bad: #d14b4b;--bad-soft: rgba(209,75,75,.18);--disabled: #5e646d;--on-accent: #f3f4f6;--accent-border: rgba(229,83,61,.62);--danger-border: rgba(209,75,75,.62);--shadow: 0 12px 30px rgba(0,0,0,.34);--toast-bg: rgba(35,38,43,.96);--footer-bg: rgba(27,30,34,.95);--drawer-bg: rgba(35,38,43,.97);--table-surface: rgba(35,38,43,.92);--button-bg: rgba(51,55,62,.72);--button-bg-hover: rgba(51,55,62,.96);--modal-overlay: rgba(18,19,20,.78);--install-overlay: rgba(18,19,20,.72);--install-card-bg: rgba(35,38,43,.98);--scroll-thumb: rgba(160,166,174,.32);--scroll-thumb-hover: rgba(160,166,174,.5);--selection-ring: #6e8bd8;--hint-ring: #5faf88;--card-filter-base: drop-shadow(0 8px 16px rgba(0,0,0,.35));--card-filter-disabled: drop-shadow(0 8px 16px rgba(0,0,0,.35));--card-filter-dim: drop-shadow(0 8px 16px rgba(0,0,0,.35));--bg-glow-a: rgba(229,83,61,.12);--bg-glow-b: rgba(107,127,175,.1);--lobby-bg: #121314;--lobby-left-bg: #1b1e22;--lobby-right-bg: #23262b;--lobby-note: rgba(243,244,246,.7);--lobby-modal-overlay: rgba(18,19,20,.7);--lobby-panel-bg: #23262b;--lobby-input-bg: rgba(35,38,43,.88);--lobby-input-border: #2f3339}:root[data-theme=light]{color-scheme:light;--bg: #f7f6f3;--bg2: #e9eaec;--bg3: #ffffff;--panel: rgba(255,255,255,.84);--panel2: rgba(255,255,255,.97);--panel-strong: #ffffff;--panel-muted: #cfe3f1;--stroke: #2b2b2b;--stroke-strong: rgba(43,43,43,.65);--text: #1c1c1c;--muted: #6b6f76;--text-strong: #101113;--accent: #6fafd9;--accent-strong: #5a9bc7;--accent-pressed: #4b87af;--accent-soft: #eaf4fb;--accent2: #9cc7e6;--decor: #7faecc;--good: #4e8f6a;--good-soft: #e6f2eb;--info: #6fafd9;--info-soft: #eaf4fb;--warning: #c9a24d;--bad: #9e2f2f;--bad-soft: rgba(158,47,47,.16);--disabled: #b8bcc2;--on-accent: #ffffff;--accent-border: #7faecc;--danger-border: #9e2f2f;--shadow: 0 12px 30px rgba(28,28,28,.14);--toast-bg: rgba(255,255,255,.97);--footer-bg: rgba(247,246,243,.97);--drawer-bg: rgba(247,246,243,.98);--table-surface: rgba(255,255,255,.94);--button-bg: rgba(255,255,255,.96);--button-bg-hover: #ffffff;--modal-overlay: rgba(28,28,28,.28);--install-overlay: rgba(28,28,28,.22);--install-card-bg: rgba(255,255,255,.99);--scroll-thumb: rgba(107,111,118,.3);--scroll-thumb-hover: rgba(107,111,118,.44);--selection-ring: #6fafd9;--hint-ring: #4e8f6a;--card-filter-base: none;--card-filter-disabled: none;--card-filter-dim: none;--bg-glow-a: rgba(111,175,217,.16);--bg-glow-b: rgba(127,174,204,.14);--lobby-bg: #f7f6f3;--lobby-left-bg: #e9eaec;--lobby-right-bg: #ffffff;--lobby-note: rgba(28,28,28,.68);--lobby-modal-overlay: rgba(28,28,28,.24);--lobby-panel-bg: #ffffff;--lobby-input-bg: rgba(255,255,255,.95);--lobby-input-border: rgba(43,43,43,.16)}body{background:radial-gradient(1200px 620px at 30% 0%,var(--bg-glow-a),transparent 58%),radial-gradient(900px 540px at 82% 10%,var(--bg-glow-b),transparent 56%),linear-gradient(180deg,var(--bg2),var(--bg3) 40%,var(--bg));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}.km-root{height:100vh;padding:16px 14px 72px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden}.km-topbar{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:8px;position:relative}.km-topline{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.km-room{font-size:13px;color:var(--muted);background:transparent;border:none;padding:0;cursor:pointer}.km-toprow{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;font-size:12px;color:var(--muted)}.km-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);background:var(--panel2);font-size:12px;color:var(--muted)}.km-pill b{color:var(--text);font-weight:700}.km-pill--button{cursor:pointer}.km-pill--room{margin-left:auto;white-space:nowrap}.km-status{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--muted)}.km-message{font-size:13px;color:var(--accent-strong)}.km-substatus{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 10px}.km-status-toast{position:absolute;top:46px;left:50%;transform:translate(-50%);z-index:6;background:var(--toast-bg);border:1px solid var(--stroke);border-radius:12px;padding:6px 10px;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 10px;max-width:calc(100% - 24px);box-shadow:var(--shadow)}.km-section-title{font-weight:700;margin-bottom:8px}.km-opponent,.km-board,.km-hand{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:12px;box-shadow:var(--shadow)}.km-opponent{padding:6px 8px 4px;flex:0 0 auto}.km-opponent .km-section-title{margin-bottom:6px;font-size:13px}.km-opponent .km-cards-row{gap:6px;padding-bottom:2px}.km-opponent .kk-card--sm{width:34px}.km-board{overflow:hidden;flex:1 1 0;min-height:0;display:flex;flex-direction:column}.km-cards-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.km-cards-row .kk-card{flex:0 0 auto}.km-cards-row--hand{padding-bottom:16px}.km-hand{overflow:visible;padding:16px 12px 20px;flex:0 0 auto}.km-hand .km-cards-row{overflow-x:auto;overflow-y:visible;min-height:98px}.km-hand .km-cards-row--hand{padding:14px 10px 16px;scroll-padding-left:10px;scroll-padding-right:10px}.km-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:12px;flex:1 1 auto;height:100%;min-height:0;overflow-y:auto;padding:6px 6px 10px;box-sizing:border-box;align-content:start;align-items:start;grid-auto-rows:max-content}@media(max-height:820px){.km-opponent{padding:4px 6px 2px}.km-opponent .km-section-title{margin-bottom:6px;font-size:13px}.km-opponent .kk-card--sm{width:32px}.km-board{flex:1;min-height:0}.km-board .km-cards-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;height:100%;min-height:0;overflow-y:auto;padding:6px 6px 10px;align-content:start;align-items:start;grid-auto-rows:max-content}.km-board .kk-card--md{width:60px}.km-drawn-toast{top:60px;right:10px;padding:10px 12px;min-width:100px}.km-captured-toast{top:60px;left:10px;padding:10px 12px;min-width:120px}.km-room-toast{top:66px}}.km-action-btn{border-radius:12px;border:1px solid var(--stroke);background:var(--panel2);color:var(--text);padding:10px 12px;font-size:13px}.km-action-hint{font-size:12px;color:var(--muted)}.km-footer{position:fixed;bottom:0;left:0;right:0;padding:10px 14px;display:flex;gap:10px;background:var(--footer-bg);border-top:1px solid var(--stroke);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.km-drawn-toast{position:fixed;right:12px;top:66px;z-index:9;background:var(--toast-bg);border:1px solid var(--stroke);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);display:grid;gap:8px;justify-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:110px}.km-captured-toast{position:fixed;left:12px;top:66px;z-index:9;background:var(--toast-bg);border:1px solid var(--stroke);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);display:grid;gap:8px;justify-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:126px}.km-drawn-toast,.km-captured-toast{animation:km-toast-enter .22s cubic-bezier(.22,.9,.26,1);will-change:transform,opacity}.km-drawn-toast__label{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.km-drawn-toast__card{display:grid;place-items:center;animation:km-toast-content-enter .26s cubic-bezier(.22,.9,.26,1)}.km-captured-toast__cards{display:flex;align-items:center;justify-content:center;gap:6px;animation:km-toast-content-enter .26s cubic-bezier(.22,.9,.26,1)}.km-captured-toast__cards .kk-card--sm{width:54px}.km-captured-toast .kk-card,.km-captured-toast .kk-card.is-disabled{filter:none}.km-captured-toast__cardWrap{display:inline-flex;border-radius:0;padding:0}.km-captured-toast__cardWrap.is-source .kk-card,.km-captured-toast__cardWrap.is-source .kk-card.is-disabled{box-shadow:0 0 0 3px var(--hint-ring)}@keyframes km-toast-enter{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes km-toast-content-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.km-drawn-toast,.km-captured-toast,.kk-drawn-toast,.km-drawn-toast__card,.km-captured-toast__cards,.kk-drawn-toast__card{animation:none}}.km-room-toast{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:12;background:var(--toast-bg);border:1px solid var(--stroke);border-radius:999px;padding:8px 14px;font-size:12px;color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.km-footer-actions{flex:1;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.km-control{flex:1;border-radius:12px;border:1px solid var(--stroke);background:var(--panel2);color:var(--text);padding:10px 12px;font-size:13px}.km-control:disabled{opacity:.5;cursor:not-allowed;color:var(--disabled)}.km-control--expand{flex:0 0 48px;font-weight:700}.km-captured{position:fixed;top:0;right:0;bottom:0;width:min(75vw,320px);background:var(--drawer-bg);border-left:1px solid var(--stroke);transform:translate(100%);transition:transform .25s ease;z-index:20;padding:calc(14px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(80px + env(safe-area-inset-bottom)) 10px;overflow:auto}.km-captured .kk-yaku__cards{gap:4px}.km-captured .kk-card--sm{width:40px}.km-history{position:fixed;top:0;left:0;bottom:0;width:min(61vw,240px);background:var(--drawer-bg);border-right:1px solid var(--stroke);transform:translate(-100%);transition:transform .25s ease;z-index:20;padding:calc(14px + env(safe-area-inset-top)) 10px calc(80px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));overflow:auto}.km-history.is-open{transform:translate(0)}.km-history-inner{display:flex;flex-direction:column;gap:12px}.km-history-list{display:grid;gap:8px;align-content:start;grid-auto-rows:max-content}.km-history-item{border:1px solid var(--stroke);background:var(--panel2);border-radius:10px;padding:8px 10px;display:grid;gap:8px}.km-history-item__label{font-size:12px;color:var(--muted);font-weight:600}.km-history-sourceIcon{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;line-height:1;font-size:18px;transform:translateY(1px)}.km-history-item__cards{display:flex;flex-wrap:wrap;gap:6px}.km-history-item__cards .kk-card,.km-history-item__cards .kk-card.is-disabled{filter:none;box-shadow:none}.km-historyCardWrap{display:inline-flex;border-radius:0;padding:0}.km-historyCardWrap.is-source{box-shadow:0 0 0 3px var(--hint-ring)}.km-history-empty{color:var(--muted);font-size:12px}.km-captured.is-open{transform:translate(0)}.km-captured-inner{display:flex;flex-direction:column;gap:12px}.km-captured-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.km-captured-resign,.km-captured-close{border-radius:10px;border:1px solid var(--stroke);background:var(--panel2);color:var(--text);padding:6px 10px;font-size:12px}.km-captured-resign{border-color:var(--danger-border)}.km-captured-resign:disabled{opacity:.5;cursor:not-allowed;color:var(--disabled)}.km-drawn{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:10px}.km-drawn-card{display:flex;justify-content:center;padding:8px 0}.km-captured-panel{padding:12px}.kk-root{height:100vh;overflow:hidden;display:grid;grid-template-columns:clamp(220px,18vw,280px) 1fr clamp(220px,18vw,280px);gap:16px;padding:16px;box-sizing:border-box}.kk-panel--scroll{max-height:calc(100vh - 32px);overflow:auto;min-height:0;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.kk-panel--scroll .kk-captured{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.kk-panel--scroll::-webkit-scrollbar,.kk-panel--scroll .kk-captured::-webkit-scrollbar{width:6px}.kk-panel--scroll::-webkit-scrollbar-track,.kk-panel--scroll .kk-captured::-webkit-scrollbar-track{background:transparent}.kk-panel--scroll::-webkit-scrollbar-thumb,.kk-panel--scroll .kk-captured::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:999px}.kk-panel--scroll:hover::-webkit-scrollbar-thumb,.kk-panel--scroll .kk-captured:hover::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-hover)}@media(max-width:1100px){.kk-root{grid-template-columns:1fr}}.kk-center{min-height:0;display:grid;grid-template-rows:auto auto auto auto;gap:var(--vGap);padding-bottom:2px;position:relative}.kk-center>.kk-panel,.kk-center>.kk-board{width:100%;justify-self:center}.kk-panel{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);padding:5px;overflow:visible;box-sizing:border-box}.kk-moveHistory{display:grid;gap:8px;margin-bottom:0;flex:1 1 auto;min-height:0;max-height:none;overflow:auto;align-content:start;grid-auto-rows:max-content}.kk-moveHistory__item{border:1px solid var(--stroke);border-radius:10px;background:var(--panel2);padding:8px 10px;display:grid;gap:8px;align-content:start}.kk-moveHistory__label{font-size:12px;color:var(--muted);font-weight:600}.kk-history-sourceIcon{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;line-height:1;font-size:18px;transform:translateY(1px)}.kk-moveHistory__cards{display:flex;flex-wrap:wrap;gap:6px}.kk-moveHistory__cards .kk-card,.kk-moveHistory__cards .kk-card.is-disabled{filter:none;box-shadow:none}.kk-historyCardWrap{display:inline-flex;border-radius:0;padding:0}.kk-historyCardWrap.is-source{box-shadow:0 0 0 3px var(--hint-ring)}.kk-drawn-toast{position:fixed;right:20px;top:72px;z-index:15;background:var(--toast-bg);border:1px solid var(--stroke);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);display:grid;gap:8px;justify-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:110px;animation:km-toast-enter .22s cubic-bezier(.22,.9,.26,1);will-change:transform,opacity}.kk-drawn-toast__label{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.kk-drawn-toast__card{display:grid;place-items:center;animation:km-toast-content-enter .26s cubic-bezier(.22,.9,.26,1)}.kk-panel--opp{padding:4px}.kk-hand--opp{padding:8px 6px 6px;min-height:92px;height:92px;align-content:center}@media(max-height:820px){.kk-hand--opp{min-height:80px;height:80px}}.kk-title{font-weight:800;letter-spacing:.2px;margin-bottom:10px;color:var(--text-strong)}.kk-sub{color:var(--muted);font-size:13px}.kk-topbar{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.kk-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--stroke);background:var(--panel2);font-size:13px;color:var(--muted)}.kk-pill--button{cursor:pointer}.kk-pill--room{margin-left:auto;white-space:nowrap}.kk-pill--danger{border-color:var(--danger-border)}.kk-status-toast{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:6;padding:8px 12px;max-width:calc(100% - 24px)}.kk-pill b{color:var(--text);font-weight:700}.kk-board{display:flex;justify-content:center;align-items:center;padding:0;overflow:visible;min-height:var(--tableMinH)}.kk-tableArea{width:100%;padding:var(--tablePad);border-radius:22px;border:1px solid var(--stroke);background:var(--table-surface);box-shadow:var(--shadow);overflow:visible;box-sizing:border-box}.kk-tableGrid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:var(--tableGap) var(--tableGap);align-items:center;justify-content:center}.kk-cell{display:flex;align-items:center;justify-content:center}.kk-hand{width:100%;display:grid;gap:10px;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;overflow:visible;padding:14px 6px 5px;min-height:var(--handMinH);box-sizing:border-box}@media(max-width:1350px){.kk-hand{grid-auto-flow:row;grid-template-columns:repeat(4,max-content);justify-content:center}}.kk-card{border:none;background:transparent;padding:0;border-radius:0;appearance:none;-webkit-appearance:none;cursor:pointer;filter:var(--card-filter-base);position:relative;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;z-index:1;-webkit-tap-highlight-color:transparent}.kk-card.is-disabled{cursor:not-allowed;opacity:1;filter:var(--card-filter-disabled)}.kk-card:focus,.kk-card:focus-visible{outline:none}@media(hover:hover)and (pointer:fine){.kk-card:not(.is-disabled):not(.is-selected):not(.is-dim):not(.is-hint):hover{transform:translateY(-3px);box-shadow:0 0 0 2px color-mix(in srgb,var(--decor) 60%,transparent);z-index:2}.kk-card.is-hint:not(.is-disabled):not(.is-selected):hover{transform:translateY(-3px);z-index:4}}.kk-card.is-selected{transform:translateY(-10px);box-shadow:0 0 0 3px var(--selection-ring),0 22px 40px #00000052;z-index:5}.kk-card.is-hint{box-shadow:inset 0 0 0 3px var(--hint-ring);z-index:3}.kk-tableGrid .kk-card.is-hint,.km-cards-grid .kk-card.is-hint{box-shadow:0 0 0 3px var(--hint-ring)}.km-hand .kk-card.is-hint{box-shadow:0 0 0 3px var(--hint-ring);z-index:3}.km-hand .kk-card.is-selected{box-shadow:0 0 0 3px var(--selection-ring)}.kk-card.is-dim{opacity:.62;filter:var(--card-filter-dim)}.kk-card__img{display:block;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:0;width:100%;height:auto}.kk-card--xs{width:38px}.kk-card--sm{width:46px}.kk-card--md{width:68px}.kk-card--lg{width:92px}.kk-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;min-height:52px}.kk-btn{border:1px solid var(--stroke);background:var(--button-bg);color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;font-weight:700}.kk-btn:hover{transform:translateY(-1px);background:var(--button-bg-hover);border-color:var(--stroke-strong)}.kk-btn:disabled{opacity:.55;cursor:not-allowed;color:var(--disabled)}.kk-btn--primary{border-color:var(--accent-border);background:var(--accent);color:var(--on-accent)}.kk-btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.kk-btn--primary:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}.kk-btn--danger{border-color:var(--danger-border);background:color-mix(in srgb,var(--bad-soft) 72%,var(--panel2));color:var(--bad)}.kk-btn--danger:hover{background:color-mix(in srgb,var(--bad-soft) 88%,var(--panel2))}.kk-captured{display:grid;gap:10px}.kk-yaku{background:var(--table-surface);border:1px solid var(--stroke);border-radius:14px;padding:10px}.kk-yaku__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.kk-yaku__name{font-weight:800}.kk-yaku--captured-group .kk-yaku__name{font-size:13px;font-weight:700}.kk-yaku--captured-group .kk-card.is-disabled{cursor:default;opacity:1;filter:none;box-shadow:none}.kk-yaku__han{color:var(--muted);font-size:13px;border:1px solid var(--stroke);background:var(--panel2);border-radius:999px;padding:4px 8px}.kk-yaku__cards{display:flex;gap:6px;flex-wrap:wrap}.kk-modal{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.kk-modal__card{width:min(720px,92vw);background:var(--panel);border:1px solid var(--stroke);border-radius:18px;box-shadow:var(--shadow);padding:20px;max-height:85vh;overflow:auto}.kk-credits__card{width:min(760px,92vw)}.kk-credits__text{display:grid;gap:10px;font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:16px}.kk-credits__text a{color:var(--accent);text-decoration:none;word-break:break-word}.kk-credits__text a:hover{text-decoration:underline}.kk-scoreTable{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14px}.kk-scoreTable th,.kk-scoreTable td{padding:10px 8px;border-bottom:1px solid var(--stroke);text-align:left}.kk-scoreTable thead th{color:var(--muted);font-weight:700}.kk-scoreTable tfoot td{font-weight:800}.kk-scoreTable__empty{text-align:center;color:var(--muted);padding:18px 8px}.kk-modal__actions{display:flex;gap:12px;flex-wrap:wrap}.kk-install{position:fixed;inset:0;background:var(--install-overlay);display:flex;align-items:flex-end;justify-content:center;z-index:70;padding:18px 18px 26px}.kk-install__card{width:min(360px,92vw);background:var(--install-card-bg);color:var(--text);border-radius:18px;border:1px solid var(--stroke);padding:18px 18px 16px;box-shadow:var(--shadow);position:relative;font-family:Righteous,Segoe UI,system-ui,sans-serif}.kk-install__close{position:absolute;top:12px;right:12px;border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--muted)}.kk-install__badge{width:104px;height:104px;background:transparent;border-radius:0;border:none;margin:6px auto 10px;position:relative;display:grid;place-items:center}.kk-install__badge-img{width:80px;height:80px;border-radius:50%;display:block}.kk-install__title{text-align:center;font-weight:700;font-size:18px;margin-bottom:4px}.kk-install__sub{text-align:center;font-size:12px;color:var(--muted);margin-bottom:14px}.kk-install__steps{display:grid;gap:10px}.kk-install__step{background:var(--panel);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;box-shadow:inset 0 0 0 1px var(--stroke)}.kk-install__icon{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--accent-border)}.kk-install__text{font-size:15px;color:var(--text)}@media(max-width:420px){.kk-install__card{width:94vw}}:root{--tutorial-bg: var(--bg);--tutorial-bg2: var(--bg2);--tutorial-panel: var(--panel);--tutorial-panel-solid: var(--install-card-bg);--tutorial-surface: var(--table-surface);--tutorial-accent: var(--accent);--tutorial-glow: var(--hint-ring);--tutorial-text: var(--text);--tutorial-muted: var(--muted);--tutorial-border: var(--stroke);--tutorial-overlay: var(--modal-overlay)}html.km-scroll,body.km-scroll{overflow:auto!important;height:auto}.tutorial-page{min-height:100vh;background:radial-gradient(1200px 600px at 10% 10%,rgba(211,105,81,.2) 0%,transparent 45%),linear-gradient(180deg,var(--tutorial-bg2),var(--tutorial-bg));color:var(--tutorial-text);padding:56px 28px 80px;font-family:Righteous,Segoe UI,system-ui,sans-serif}.tutorial-hero{max-width:980px;margin:0 auto 40px;display:grid;gap:18px;text-align:center}.tutorial-hero h1{font-size:clamp(38px,5vw,64px);margin:0;font-weight:400}.tutorial-hero p{margin:0;color:var(--tutorial-muted);font-size:18px;line-height:1.5}.tutorial-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tutorial-btn{border:none;padding:12px 20px;border-radius:14px;font-size:18px;cursor:pointer;font-family:inherit;background:var(--tutorial-accent);color:var(--on-accent);transition:transform .15s ease,box-shadow .2s ease}.tutorial-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--tutorial-accent) 30%,transparent)}.tutorial-btn.secondary{background:transparent;border:2px solid var(--tutorial-accent);color:var(--tutorial-accent)}.tutorial-section{max-width:1100px;margin:0 auto 36px;background:var(--tutorial-panel);border:1px solid var(--tutorial-border);border-radius:18px;padding:24px;display:grid;gap:16px;box-shadow:0 18px 40px #00000059}.tutorial-section h2{margin:0;font-size:26px;font-weight:400}.tutorial-section p,.tutorial-section li{color:var(--tutorial-muted);font-size:16px;line-height:1.6}.tutorial-months{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tutorial-month{background:var(--tutorial-surface);border:1px solid var(--tutorial-border);border-radius:14px;padding:12px;display:grid;gap:10px;justify-items:center}.tutorial-month h3{margin:0;font-size:16px;font-weight:400}.tutorial-month-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.tutorial-month .kk-card{filter:none;box-shadow:none;cursor:default;width:min(68px,100%);justify-self:center}.tutorial-month .kk-card.is-disabled{opacity:1;filter:none}.tutorial-yaku{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tutorial-type-list{display:grid;gap:12px}.tutorial-type-row{display:grid;gap:10px;align-items:center;grid-template-columns:minmax(160px,220px) 1fr;padding:8px 0;border-bottom:1px solid var(--tutorial-border)}.tutorial-type-row:last-child{border-bottom:none}.tutorial-type-label{display:grid;gap:4px;font-weight:600;color:var(--tutorial-text)}.tutorial-type-note{font-size:12px;font-weight:500;color:var(--tutorial-muted)}.tutorial-type-cards{display:flex;flex-wrap:wrap;gap:8px}.tutorial-type-cards .kk-card{filter:none;box-shadow:none;cursor:default}.tutorial-type-cards .kk-card.is-disabled{opacity:1;filter:none}.tutorial-type-extra{width:68px;border-radius:10px;border:2px dashed var(--tutorial-border);display:grid;place-items:center;font-size:13px;color:var(--tutorial-muted);text-align:center;padding:8px;box-sizing:border-box;background:var(--tutorial-surface)}@media(max-width:900px){.tutorial-type-row{grid-template-columns:1fr}}.tutorial-yaku-card{border:1px solid var(--tutorial-border);border-radius:14px;padding:12px;background:var(--tutorial-surface);display:flex;flex-direction:column;gap:6px;text-align:left;align-items:stretch;min-height:340px}.tutorial-yaku-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tutorial-yaku-points{font-size:13px;color:var(--tutorial-muted)}.tutorial-yaku-desc{color:var(--tutorial-muted)}.tutorial-yaku-cards{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tutorial-yaku-cards.is-top{margin-top:8px}.tutorial-yaku-card .kk-card{filter:none;box-shadow:none;cursor:default}.tutorial-yaku-card .kk-card.is-disabled{opacity:1;filter:none}.tutorial-yaku-note{font-size:12px;color:var(--tutorial-muted);min-height:16px}.tutorial-yaku-extra{width:68px;height:106px;border-radius:10px;border:2px dashed var(--tutorial-border);display:grid;place-items:center;font-size:13px;color:var(--tutorial-muted);text-align:center;padding:8px;box-sizing:border-box;background:var(--tutorial-surface)}.tutorial-yaku-card strong{font-weight:600}.tutorial-steps{margin:0;padding-left:18px;display:grid;gap:6px}.tutorial-rule{padding:12px 16px;border-left:4px solid var(--tutorial-accent);background:color-mix(in srgb,var(--tutorial-accent) 12%,transparent);border-radius:12px}.tutorial-overlay{position:fixed;inset:0;background:var(--tutorial-overlay);-webkit-backdrop-filter:none;backdrop-filter:none;display:grid;place-items:end center;z-index:60;padding:24px 24px 32px}.tutorial-overlay.is-results{place-items:center;padding:24px}.tutorial-overlay__table{width:100%;border-collapse:collapse;font-size:14px}.tutorial-overlay__table th,.tutorial-overlay__table td{padding:6px 8px;border-bottom:1px solid var(--tutorial-border)}.tutorial-overlay__table th{color:var(--tutorial-muted);font-weight:600}.tutorial-overlay__card{width:min(480px,100%);background:var(--tutorial-panel-solid);border:1px solid var(--tutorial-border);border-radius:18px;padding:18px 18px 16px;display:grid;gap:10px;color:var(--tutorial-text);box-shadow:0 18px 40px #00000080;text-align:center;max-height:60vh;overflow:auto}.tutorial-overlay__title{font-size:20px;font-weight:600;margin:0}.tutorial-overlay__progress{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tutorial-muted)}.tutorial-overlay__text{font-size:15px;color:var(--tutorial-muted);line-height:1.5}.tutorial-overlay__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tutorial-overlay__hint{font-size:13px;color:var(--tutorial-muted)}.tutorial-skip{position:fixed;right:120px;top:16px;z-index:55;border:1px solid var(--tutorial-border);background:var(--tutorial-panel-solid);color:var(--tutorial-text);padding:8px 12px;border-radius:12px;font-size:12px;cursor:pointer}.kk-btn.is-highlight,.km-control.is-highlight{box-shadow:0 0 0 3px var(--tutorial-glow),0 18px 28px color-mix(in srgb,var(--tutorial-glow) 35%,transparent);transform:translateY(-1px)}.kk-panel.is-highlight{box-shadow:0 0 0 3px var(--tutorial-glow),0 18px 36px color-mix(in srgb,var(--tutorial-glow) 25%,transparent)}.km-control--expand.is-highlight{box-shadow:0 0 0 3px var(--tutorial-glow),0 10px 20px color-mix(in srgb,var(--tutorial-glow) 30%,transparent)}.km-captured.is-highlight{box-shadow:0 0 0 3px var(--tutorial-glow),0 18px 36px color-mix(in srgb,var(--tutorial-glow) 25%,transparent)}@media(max-width:700px){.tutorial-page{padding:32px 18px 60px}.tutorial-section{padding:18px}.tutorial-months{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}