:root{color-scheme:light;--color-bg: #fdf6ec;--color-surface: #ffffff;--color-border: #d8cdb8;--color-text: #2b2b2b;--color-text-muted: #6b6b6b;--color-primary: #2f6f4f;--color-primary-dark: #204d37;--color-accent: #d1495b;--color-warning: #b3841f;--color-red-suit: #c62828;--color-black-suit: #1f2430;--radius-md: 12px;--radius-lg: 18px;--safe-bottom: env(safe-area-inset-bottom, 0px);--header-h: 61px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent}#root{height:100dvh;display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit}button:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.app-shell{display:flex;flex-direction:column;height:100%;min-height:0;max-width:480px;margin:0 auto;width:100%;position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.app-header__title{font-size:16px;margin:0;font-weight:700;color:var(--color-primary-dark)}.app-header__actions{display:flex;gap:6px}.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text)}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:8px 10px calc(215px + var(--safe-bottom));position:relative;overflow-y:auto;overscroll-behavior-y:contain}.opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.opponent-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 6px;text-align:center;font-size:12px;position:relative}.opponent-card--turn{border-color:var(--color-primary);box-shadow:0 0 0 2px #2f6f4f40}.opponent-card--finished{opacity:.75}.opponent-card__name{font-weight:700;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:2px}.opponent-card__turn-badge{color:var(--color-primary);font-size:11px}.opponent-card__turn-badge--idle{visibility:hidden}.opponent-card__hand{margin-top:4px;color:var(--color-text-muted);display:flex;justify-content:center}.hand-icons{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}.hand-icons__card{width:8px;height:12px;border-radius:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:1px solid rgba(0,0,0,.15);flex-shrink:0}.hand-icons__overflow{font-size:10px;font-weight:700;color:var(--color-text-muted);margin-left:1px}.hand-icons__empty{font-size:11px;color:var(--color-text-muted)}.opponent-card__status{margin-top:4px}.badge{display:inline-block;padding:2px 6px;border-radius:999px;font-size:11px;font-weight:600}.badge--waiting{background:#eef3ee;color:var(--color-primary-dark)}.badge--passed{background:#f2eadb;color:var(--color-warning)}.badge--finished{background:#fbe4e8;color:var(--color-accent)}.board{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1 auto;justify-content:center;min-height:178px}.revolution-pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#eef3ee;color:var(--color-primary-dark);border:1px solid var(--color-primary)}.revolution-pill--on{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.board__field{display:flex;justify-content:center;align-items:center;min-height:100px;width:100%}.board__field-cards{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;--card-w: 68px;--card-n: 1;--card-gap: 4px;--card-overlap: min( 30px, max( 0px, ((var(--card-w) + var(--card-gap)) * var(--card-n) - var(--card-gap) - 100%) / max(1, var(--card-n) - 1) ) )}.board__field-cards>.playing-card+.playing-card{margin-left:calc(-1 * var(--card-overlap))}.board__empty{color:var(--color-text-muted);font-size:13px;text-align:center}.status-bar{background:#f4efe1;border-radius:var(--radius-md);padding:8px 10px;font-size:13px;margin-top:auto}.status-bar__row{display:flex;justify-content:space-between;gap:8px;font-weight:600}.status-bar__turn{color:var(--color-primary-dark)}.status-bar__row--sub{margin-top:2px;font-weight:400}.discard-pile{font-size:12px;color:var(--color-text-muted)}.discard-pile__summary{cursor:pointer;list-style:none;min-height:28px;display:inline-flex;align-items:center}.discard-pile__summary::-webkit-details-marker{display:none}.discard-pile__summary:before{content:"▸ "}.discard-pile[open] .discard-pile__summary:before{content:"▾ "}.discard-pile__body{margin-top:4px}.discard-pile__empty{margin:0;font-size:12px}.discard-pile__chips{display:flex;flex-wrap:wrap;gap:4px}.discard-chip{display:inline-flex;align-items:baseline;gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:2px 6px;font-size:12px;font-weight:700;color:var(--color-text)}.discard-chip__count{font-size:10px;font-weight:600;color:var(--color-text-muted)}.status-bar__rank{margin-top:4px;color:var(--color-accent);font-weight:700}.status-bar__reason{margin-top:4px;color:var(--color-text-muted);min-height:1.3em;white-space:pre-wrap}.revolution-banner{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background:#2b2b2beb;color:#fff;padding:14px 22px;border-radius:var(--radius-lg);font-size:18px;font-weight:700;z-index:50;animation:banner-pop 1.4s ease forwards;pointer-events:none;text-align:center;max-width:80vw}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.revolution-banner{animation:none;opacity:1}}.app-bottom{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px 10px calc(10px + var(--safe-bottom));z-index:15}.hand{overflow-x:auto;overflow-y:auto;padding:32px 4px 10px;-webkit-overflow-scrolling:touch;height:122px;scrollbar-width:none;-ms-overflow-style:none}.hand::-webkit-scrollbar{display:none}.hand__cards{--card-count: 13;--card-width: 56px;--max-total-width: 100%;--overlap: min(34px, max(0px, (var(--card-width) * var(--card-count) - var(--max-total-width)) / max(1, var(--card-count) - 1)));display:flex;height:80px}.hand__slot{margin-left:calc(-1 * var(--overlap));flex-shrink:0}.hand__slot:first-child{margin-left:0}.playing-card{width:52px;height:74px;border-radius:8px;border:1px solid var(--color-border);background:#fff;position:relative;display:flex;align-items:center;justify-content:center;padding:0;font-weight:700;box-shadow:0 1px 2px #0000001f;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}@media (prefers-reduced-motion: reduce){.playing-card{transition:none}}.playing-card--md{width:56px;height:80px}.playing-card--lg{width:68px;height:96px}.playing-card--sm{width:44px;height:62px}.playing-card--interactive{cursor:pointer;min-width:44px;min-height:44px}.playing-card--black{color:var(--color-black-suit)}.playing-card--red{color:var(--color-red-suit)}.playing-card--joker{color:var(--color-warning)}.playing-card--selected{transform:translateY(-16px);box-shadow:0 6px 10px #00000038;border-color:var(--color-primary);border-width:2px}.playing-card--dim{opacity:.4}.playing-card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-size:12px}.playing-card__corner--top{top:4px;left:4px}.playing-card__corner--bottom{bottom:4px;right:4px;transform:rotate(180deg)}.playing-card__center{font-size:20px}.playing-card--lg .playing-card__center{font-size:26px}.playing-card--lg .playing-card__corner{font-size:14px}.playing-card--sm .playing-card__center{font-size:16px}.playing-card--sm .playing-card__corner{font-size:10px}.controls{display:flex;flex-direction:column;gap:6px}.controls__reason{font-size:12px;color:var(--color-accent);text-align:center;height:18px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls__buttons{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.btn{min-height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:15px;font-weight:700;cursor:pointer;color:var(--color-text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--recommend{background:#eef3ee;color:var(--color-primary-dark);border-color:var(--color-primary)}.btn--pass{background:#f2eadb;color:#6b5518;border-color:var(--color-warning)}.btn--play{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark);font-size:17px}.btn--secondary{background:var(--color-surface)}.btn--danger{color:var(--color-accent);border-color:var(--color-accent)}.btn--full{width:100%;margin-top:8px}.guide-bubble{position:fixed;left:50%;bottom:210px;transform:translate(-50%);background:#2b2b2b;color:#fff;padding:10px 14px;border-radius:var(--radius-md);max-width:90vw;width:320px;z-index:30;box-shadow:0 4px 14px #0000004d}.guide-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-style:solid;border-color:#2b2b2b transparent transparent transparent}.guide-bubble__text{margin:0 0 8px;font-size:14px}.guide-bubble__footer{display:flex;justify-content:space-between;align-items:center}.guide-bubble__step{font-size:12px;opacity:.75}.guide-bubble__next{background:#fff;color:#2b2b2b;border:none;border-radius:999px;padding:6px 14px;font-weight:700;min-height:32px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#14141480;display:flex;align-items:flex-end;justify-content:center;z-index:40;padding:0}@media (min-width: 480px){.modal-overlay{align-items:center}}.modal{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:88dvh;overflow-y:auto;padding:16px}@media (min-width: 480px){.modal{border-radius:var(--radius-lg)}}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal__header h2{margin:0;font-size:18px}.modal__title{margin:0 0 12px;font-size:20px;text-align:center}.modal__close{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg);font-size:18px;cursor:pointer}.settings-group{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:12px;padding:8px 10px}.settings-group__options{display:flex;gap:12px;flex-wrap:wrap}.settings-option{display:flex;align-items:center;gap:4px;min-height:44px}.settings-group__note{font-size:12px;color:var(--color-text-muted);margin:4px 0 0}.settings-toggle{display:flex;align-items:center;gap:8px;min-height:44px;margin-bottom:4px}.accordion{border-bottom:1px solid var(--color-border)}.accordion__header{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:12px 4px;font-size:15px;font-weight:700;cursor:pointer;min-height:44px;text-align:left}.accordion__body{padding:0 4px 12px;font-size:14px;color:var(--color-text);line-height:1.6}.standings{list-style:none;margin:0 0 12px;padding:0}.standings__item{display:flex;align-items:center;gap:8px;padding:8px 6px;border-bottom:1px solid var(--color-border);font-size:15px}.standings__rank{font-weight:800;color:var(--color-primary-dark);width:40px}.standings__label{color:var(--color-text-muted);font-size:12px;width:56px}.standings__name{font-weight:600}.other-games{margin-top:16px;border-top:1px dashed var(--color-border);padding-top:10px}.other-games__title{font-size:13px;color:var(--color-text-muted);margin:0 0 6px}.other-games__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.seo-footer{flex:none;padding:0 4px;font-size:12px;line-height:1.7;color:var(--color-text-muted)}.seo-footer strong{color:var(--color-primary-dark)}.seo-footer__details{border-top:1px solid var(--color-border);padding-top:8px}.seo-footer__summary{cursor:pointer;font-size:12px;color:var(--color-text-muted);min-height:34px;display:flex;align-items:center;list-style:none}.seo-footer__summary::-webkit-details-marker{display:none}.seo-footer__summary:before{content:"▸ "}.seo-footer__details[open] .seo-footer__summary:before{content:"▾ "}.seo-footer__details p{margin:6px 0 0}.flight-layer{position:fixed;inset:0;z-index:35;pointer-events:none}.flight-layer__card{position:fixed;left:0;top:0;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))}.board__stack{position:relative;display:flex;align-items:center;justify-content:center;min-height:96px}.board__field-cards--ghost{position:absolute;inset:0;align-items:center;opacity:.42;transform:translate(-22px,-8px) scale(.84) rotate(-10deg);filter:grayscale(.5);pointer-events:none}.board__field-cards--pending{visibility:hidden}.board__placeholder{min-height:96px}.board__owner{display:flex;justify-content:center;align-items:center;gap:5px;min-height:22px;margin-top:2px}.board__kind-badge{font-size:11px;font-weight:700;line-height:1;padding:5px 9px;border-radius:999px;background:#fff3e0;color:#a35a00;border:1px solid #f0c98a}.board__owner-badge{font-size:11px;line-height:1;padding:5px 10px;border-radius:999px;background:#eef3ee;color:var(--color-primary-dark);border:1px solid var(--color-border)}.board__owner-badge--you{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.board__owner-badge--empty{background:transparent;border-color:transparent}.opponent-bubble{position:absolute;left:50%;bottom:4px;transform:translate(-50%);z-index:5;white-space:nowrap;font-size:11px;font-weight:700;line-height:1;padding:6px 9px;border-radius:999px;background:var(--color-primary);color:#fff;box-shadow:0 3px 8px #00000040;animation:bubble-pop .18s cubic-bezier(.2,.85,.3,1.4)}.opponent-bubble--pass{background:var(--color-text-muted)}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.opponent-bubble{animation:none}.board__field-cards--ghost{transform:translate(-22px,-8px) scale(.84)}}.rule-summary{display:flex;align-items:center;gap:6px;width:100%;padding:4px 8px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:10px;line-height:1.4;text-align:left;cursor:pointer}.rule-summary__label{flex:none;font-weight:700;color:var(--color-primary-dark);background:#eef3ee;border-radius:999px;padding:2px 7px}.rule-summary__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rule-summary__more{flex:none;font-size:14px;line-height:1}.rule-list{padding:4px 2px 10px}.rule-list__lead{margin:6px 0;font-size:13px;color:var(--color-text)}.rule-list__lead--off{margin-top:14px;color:var(--color-text-muted);font-weight:700}.rule-list__group{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.rule-list__item{display:flex;gap:8px;align-items:flex-start;font-size:13px}.rule-list__item--off{color:var(--color-text-muted)}.rule-list__mark{flex:none;width:18px;text-align:center;font-weight:700}.rule-list__item--on .rule-list__mark{color:var(--color-primary)}.rule-list__note{display:block;font-size:12px;color:var(--color-text-muted)}@media (max-width: 359px){.rule-summary{gap:4px;padding:4px 6px}.rule-summary__label{padding:2px 5px}}@media (max-width: 339px){.rule-summary__label{display:none}}@media (max-height: 760px){:root{--header-h: 52px}.app-main{gap:5px;padding-top:5px;padding-bottom:calc(205px + var(--safe-bottom))}.opponent-card{padding:6px 4px;font-size:11px}.opponent-card__name{font-size:12px}.playing-card--lg{width:56px;height:80px}.board{min-height:154px;padding:6px;gap:4px}.board__field{min-height:86px}.board__stack,.board__placeholder{min-height:80px}.status-bar{padding:6px 8px}.seo-footer__summary{min-height:28px}.hand{height:112px;padding-top:22px}}.seo-footer__bar{display:flex;align-items:flex-start;gap:8px}.seo-footer__details{flex:1;min-width:0}.seo-footer__link{flex:none;margin-top:8px;font-size:11px;color:var(--color-primary-dark);text-decoration:none;white-space:nowrap;border-bottom:1px solid var(--color-border);padding-bottom:1px}.btn--link{display:flex;align-items:center;justify-content:center;text-decoration:none}.settings-sitelink{display:block;margin-top:14px;text-align:center;font-size:12px;color:var(--color-text-muted)}.faq{margin:10px 0 0}.faq__item+.faq__item{margin-top:10px}.faq__q{font-weight:700;color:var(--color-primary-dark);font-size:12px}.faq__a{margin:2px 0 0;font-size:12px}