@import url("../go-fish/go-fish.css");
:root{--ocean-950:#15261f;--ocean-900:#1d3028;--ocean-800:#345847;--ocean-700:#4f8068;--coral:#dc5145;--yellow:#e9b84f}.koi-table{min-height:840px;background-color:#315443;background-image:radial-gradient(circle at center,rgba(233,184,79,.08),transparent 34%),linear-gradient(120deg,rgba(255,255,255,.025) 25%,transparent 25% 50%,rgba(255,255,255,.025) 50% 75%,transparent 75%);background-size:auto,34px 34px}.koi-table::after{display:none}.game-panel{background:#182b23}.aliases{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.aliases span{padding:.35rem .65rem;border:1px solid #c9c0b0;border-radius:999px;color:#77766f;font-size:.56rem;letter-spacing:.08em}.seat-north{top:18px}.bot-hand{position:absolute;z-index:5;left:50%;top:82px;display:flex;transform:translateX(-50%)}.bot-hand i{width:34px;height:49px;margin-left:-17px;border:3px solid #f7eedb;border-radius:4px;background:#1c1a18}.bot-hand i:first-child{margin-left:0}.bot-hand i::after{content:"花";display:grid;place-items:center;height:100%;border:1px solid #bd3d34;color:#d8aa4b;font-style:normal;font-size:.65rem}.hana-stock{position:absolute;z-index:6;left:34px;top:235px;width:64px;height:92px;border:5px solid #f7eedb;border-radius:6px;background:#1c1a18;color:#e9b84f;box-shadow:0 9px 18px rgba(0,0,0,.28)}.hana-stock>span{display:grid;place-items:center;height:100%;border:1px solid #bd3d34;font-family:var(--serif);font-size:1.6rem}.hana-stock small,.hana-stock b{position:absolute;left:0;right:0;bottom:-24px;color:#d2ddd5;font-size:.55rem;letter-spacing:.1em}.hana-stock b{bottom:-40px;color:var(--yellow)}.hana-field{position:absolute;z-index:5;left:50%;top:315px;display:grid;grid-template-columns:repeat(4,64px);grid-auto-rows:92px;gap:8px;width:280px;min-height:192px;transform:translate(-50%,-50%)}.hana-card{position:relative;width:64px;height:92px;padding:0;border:4px solid #f7eedb;border-radius:5px;background:var(--card-bg,#efe2bf);color:#171b18;box-shadow:0 7px 13px rgba(0,0,0,.24);cursor:pointer;overflow:hidden;transition:transform 150ms ease,outline 150ms ease}.hana-card::before{content:"";position:absolute;inset:3px;border:1px solid rgba(15,24,19,.2)}.hana-card:disabled{cursor:default;opacity:1}.hana-card.is-choice{outline:3px solid var(--yellow);outline-offset:3px;animation:choice-pulse 1.2s ease-in-out infinite}.hana-card:hover:not(:disabled),.hana-card:focus-visible:not(:disabled){z-index:9;outline:3px solid var(--yellow);transform:translateY(-6px)}.hana-month{position:absolute;z-index:2;left:6px;top:5px;font-size:.47rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hana-plant{position:absolute;left:7px;bottom:4px;font-size:1.8rem;line-height:1}.hana-motif{position:absolute;right:5px;top:25px;font-size:1.35rem;filter:drop-shadow(0 2px 0 rgba(255,255,255,.45))}.hana-type{position:absolute;right:4px;bottom:4px;padding:.18rem .25rem;border-radius:2px;background:#1d3028;color:#fff;font-size:.4rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hana-card.bright{--card-bg:#f3cb72}.hana-card.animal{--card-bg:#d7d8b0}.hana-card.ribbon{--card-bg:#ebc4b8}.hana-card.chaff{--card-bg:#e9dfc7}.hana-card.red-ribbon .hana-type{background:#b93332}.hana-card.blue-ribbon .hana-type{background:#3c4f91}.hana-hand{bottom:20px;min-height:118px}.hana-hand .hana-card{flex:0 0 auto;margin-left:-12px}.hana-hand .hana-card:first-child{margin-left:0}.captured{position:absolute;z-index:4;right:26px;width:260px}.captured>span{display:block;margin-bottom:.4rem;color:#c3d3ca;font-size:.5rem;font-weight:700;letter-spacing:.12em}.captured>div{display:flex;min-height:38px}.captured .hana-card{width:28px;height:41px;margin-left:-15px;border-width:2px;border-radius:3px;pointer-events:none}.captured .hana-card:first-child{margin-left:0}.captured .hana-month,.captured .hana-type{display:none}.captured .hana-plant{left:3px;font-size:.8rem}.captured .hana-motif{right:2px;top:9px;font-size:.7rem}.captured-bot{top:145px}.captured-you{bottom:150px}.turn-status{top:64%}.seat-south{bottom:154px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:1rem}.action-buttons button,.koi-dialog button{padding:.75rem;border:0;background:var(--coral);color:#fff;font-weight:700;cursor:pointer}.action-buttons button:nth-child(even),.koi-dialog button:first-child{background:#d8cebe;color:#423831}.yaku-panel ul{display:flex;flex-direction:column;gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none;color:#b7cac0;font-size:.67rem}.yaku-panel li{display:flex;justify-content:space-between;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.08)}.yaku-panel li b{color:var(--yellow)}.koi-dialog{position:absolute;z-index:22;inset:82px 300px 0 0;display:grid;place-items:center;padding:2rem;background:rgba(11,31,23,.78);backdrop-filter:blur(7px)}.koi-dialog[hidden]{display:none}.koi-dialog>div{width:min(480px,100%);padding:2.4rem;background:var(--paper);color:var(--ink);text-align:center}.koi-dialog span{color:var(--coral);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.koi-dialog h2{margin:.8rem 0;font-family:var(--serif);font-size:2.6rem;font-weight:400}.koi-dialog p{color:#68736c;font-size:.8rem;line-height:1.6}.koi-dialog>div>div{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.3rem}.result-card .final-scores{grid-template-columns:repeat(2,1fr)}@keyframes choice-pulse{50%{transform:translateY(-5px)}}
@media(max-width:1080px){.koi-dialog{right:0;bottom:0}.captured{right:18px}}
@media(max-width:760px){.table-layout,.koi-table{min-height:740px}.koi-table{height:740px}.bot-hand{top:74px}.hana-stock{left:12px;top:214px;width:49px;height:71px}.hana-field{top:300px;grid-template-columns:repeat(4,52px);grid-auto-rows:76px;gap:6px;width:226px;min-height:158px}.hana-card{width:52px;height:76px;border-width:3px}.hana-month{font-size:.4rem}.hana-plant{font-size:1.45rem}.hana-motif{font-size:1.05rem}.hana-type{font-size:.34rem}.captured{right:5px;width:92px}.captured-bot{top:123px}.captured-you{bottom:138px}.captured>span{font-size:.4rem}.turn-status{top:61%}.seat-south{bottom:143px}.hana-hand{bottom:14px}.hana-hand .hana-card{margin-left:-24px}.koi-dialog{inset:0}.koi-dialog>div{padding:1.7rem}.koi-dialog h2{font-size:2rem}}