:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#202e29;background:#f1f3f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;border:1px solid #ccd5d0;border-radius:6px;padding:10px 14px;background:#fff;color:#20392c}button:hover:not(:disabled){border-color:#58b68b;background:#edf7f1}button:disabled{cursor:default;color:#8e9993}button:focus-visible,select:focus-visible{outline:3px solid #f0ba54;outline-offset:3px}[hidden]{display:none!important}header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #d9dfdb;background:#fff}header strong{font-size:22px}nav{display:flex;align-items:center;gap:10px}#prototype{font-size:12px;color:#6f7b73}main{max-width:1240px;margin:24px auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.board{background:#184e3e;color:#fff;border-radius:12px;padding:22px;min-width:0}.boardtop{display:flex;justify-content:space-between;font-size:12px;color:#bcd3c8}#opponents{display:flex;justify-content:space-around;gap:10px;margin:28px 0}.opponent{flex:1;min-width:0;text-align:center;padding:8px 3px;border:1px solid transparent;border-radius:8px}.opponent.active{border-color:#dfc47a;background:#ffffff09}.opponent strong{font-size:13px}.opponent small{font-size:11px;color:#c0d8ca}.mini{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;margin:10px 0;min-height:46px}.backmini{width:24px;height:36px;border:1px solid #b9d1c4;border-radius:3px;background:repeating-linear-gradient(45deg,#214d42 0 3px,#568170 3px 5px);margin-left:-7px}.tablecenter{text-align:center}#status{font-size:16px;font-weight:600;min-height:24px}.drawarea{display:flex;justify-content:center;gap:64px;margin:30px 0 6px;align-items:flex-start}.stackgroup{display:flex;align-items:center;flex-direction:column;gap:10px;min-width:100px;position:relative}.deck{height:124px;width:86px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:4px solid #e9e6d8;border-radius:7px;background:#183b50!important;color:#fff!important;box-shadow:3px 3px 0 #b7b8ac,5px 5px 0 #f7f4e6,7px 7px 0 #929d94,9px 9px 0 #d7ddd0;overflow:hidden}.deckpattern{position:absolute;inset:5px;border:1px solid #9bb7c1;background:repeating-linear-gradient(45deg,transparent 0 6px,#8fb1c12e 6px 8px),repeating-linear-gradient(-45deg,transparent 0 6px,#8fb1c12e 6px 8px);pointer-events:none}.deck span:not(.deckpattern),.deck small{z-index:1;background:#183b50;padding:2px 4px}.deck:enabled{outline:3px solid #f1ca6a;outline-offset:5px}.drawarrow{color:#a7c5b6;display:flex;flex-direction:column;align-items:center;gap:0;opacity:.55}.drawarrow.active{color:#ffe09a;opacity:1}.drawarrow span{font-size:30px;line-height:1.1}.drawarrow small{font-size:11px}.discardstack{width:86px;height:124px;position:relative;isolation:isolate}.discardstack:before,.discardstack:after{content:'';position:absolute;inset:0;background:#eeeee2;border:1px solid #bfc6b9;border-radius:7px;z-index:-1}.discardstack:before{transform:translate(7px,7px)}.discardstack:after{transform:translate(3px,3px)}.discardstack.empty:before,.discardstack.empty:after{display:none}.discardstack .card{width:86px;height:124px}.discardstack .card:disabled{color:#20382f;opacity:1}.discardstack .card.red:disabled{color:#bb443f}#discardLabel{font-size:11px;color:#bcd3c8}.textbutton{background:transparent;color:#e0ebdf;border-color:#749585;font-size:11px;padding:5px 8px}#hint{color:#c3d9cb;font-size:12px;min-height:38px;margin:12px 0 16px;line-height:1.6}.player{border-top:1px solid #ffffff22;padding-top:20px}.playerhead{display:flex;justify-content:space-between;font-size:13px;margin:0 auto 22px;max-width:520px}#sum{color:#f2dc98}.cards{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.card{width:65px;height:94px;background:#fffdf6;border:2px solid transparent;border-radius:6px;color:#20382f;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:7px;font-size:20px;box-shadow:0 2px 3px #12241c40;flex-shrink:0}.card.red{color:#bb443f}.card .suit{font-size:28px;align-self:flex-end}.card.selected{transform:translateY(-10px);border-color:#e4b94f;background:#fff0be}.card.pickable{outline:3px solid #f1ca6a;outline-offset:4px}.joker-card{background:#fff7e5;color:#61469a}.joker-title{font-size:10px;font-weight:800;letter-spacing:.5px}.joker-icon{width:40px;height:40px;align-self:center;flex-shrink:1}.wild-rank{position:absolute;bottom:3px;right:4px;color:#755321;font-size:11px}.actions{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}.primary{background:#e8cb7b;border-color:#e8cb7b;color:#26382b;font-weight:600}.primary:disabled{background:#b8b997;border-color:#b8b997;color:#59664f}#tesiActions{background:#ffffff0e;border:1px solid #d9c67f;padding:12px;border-radius:6px}.panel{background:#fff;border:1px solid #dbe1dc;border-radius:8px;padding:18px;margin-bottom:16px}h2{font-size:15px;margin:0 0 18px}.toggle,.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:16px 0}.toggle input{accent-color:#24644c;width:18px;height:18px}.setting select{max-width:180px;padding:7px;background:#fff;border:1px solid #cdd6cf;border-radius:4px;font-size:12px}.muted{font-size:11px;color:#718077;line-height:1.7}#log{max-height:280px;overflow:auto}#log p{font-size:11px;line-height:1.7;border-bottom:1px solid #e9ede9;padding-bottom:8px;margin:8px 0}.mini .card{width:29px;height:44px;padding:3px;font-size:11px}.mini .suit{font-size:14px}.mini .joker-title{font-size:5px;letter-spacing:0}.mini .joker-icon{width:19px;height:24px}.mini .wild-rank{font-size:7px;bottom:1px}.mini .card.selected{transform:none}dialog{width:min(580px,94vw);max-height:90vh;overflow:auto;border:1px solid #d5ddd6;border-radius:10px;padding:24px;color:#24392c;background:#fafbf8}dialog::backdrop{background:#0e251cb3}dialog p{font-size:12px;line-height:1.8}summary{cursor:pointer;font-size:12px}.resultrow{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid #dee4db;font-size:13px}.resultrow .cards{grid-column:1/-1;justify-content:flex-start}.resultrow .card{width:38px;height:55px;padding:4px;font-size:13px}.resultrow .suit{font-size:17px}.resultrow .joker-title{font-size:6px;letter-spacing:0}.resultrow .joker-icon{width:24px;height:25px}.responder{color:#a14032;font-weight:700}.formula{padding:12px;background:#e9eee5;border-radius:6px;font-weight:600}#historyList{padding-left:28px}#historyList li{padding:8px;border-bottom:1px solid #dbe2d8;font-size:13px}#historyList li:last-child{background:#e4eddf;font-weight:700}#historyList .red{color:#bb443f}#historyList small{margin-left:10px;color:#718077}@media(max-width:900px){main{grid-template-columns:1fr;max-width:740px}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{margin:0}}@media(max-width:520px){header{padding:0 12px;height:58px}#prototype{display:none}main{padding:0 8px;margin-top:10px;gap:12px}.board{padding:16px 10px}.drawarea{gap:50px;margin-top:24px}#opponents{gap:2px;margin:18px 0}.mini{gap:2px}.mini .card{width:23px;height:35px;font-size:9px}.mini .suit{font-size:11px}.mini .joker-icon{width:16px;height:18px}.mini .joker-title{font-size:4px}.mini .backmini{width:19px;height:30px}.card{width:54px;height:80px}.joker-title{font-size:8px}.joker-icon{width:33px;height:36px}.cards{gap:5px}aside{grid-template-columns:1fr}.boardtop{font-size:11px}}

.card.joker-card{background:#fff;justify-content:space-between;align-items:center;padding:4px 3px 3px}.joker-art{width:100%;height:calc(100% - 15px);object-fit:contain;pointer-events:none}.joker-label{font-size:9px;line-height:10px;font-weight:800;letter-spacing:1px;color:#24102f}.mini .joker-label{font-size:4px;line-height:5px;letter-spacing:.3px}.resultrow .joker-label{font-size:5px;line-height:6px;letter-spacing:.4px}.card.joker-card .wild-rank{background:#fff9e8;border-radius:3px;padding:1px 3px;font-weight:600;z-index:1}

.model-import{border-top:1px solid #dbe1dc;padding-top:16px;margin:18px 0;font-size:12px}.model-import input{display:block;max-width:100%;margin:12px 0}.model-import button{font-size:12px}
.red-card-text{color:#bb443f;font-weight:600}
.share-notice{font-size:11px!important;color:#718077;line-height:1.6}.share-fallback{display:block;width:100%;padding:8px;margin:8px 0;font-size:12px}.welcome>button{margin:4px}.deal-enter{animation:deal-fade .18s ease-out}@keyframes deal-fade{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.deal-enter{animation:none}}
.friend-screen{max-width:850px;margin:30px auto;padding:20px;background:#fff;border-radius:10px}.friend-screen h1 small{font-size:12px;color:#718077}.friend-screen label{display:block;margin:12px 0;font-size:13px}.friend-screen input,.friend-screen select{padding:8px;border:1px solid #ccd5d0;border-radius:5px;font:inherit}.friend-columns,.friend-board{display:flex;gap:20px;flex-wrap:wrap}.friend-columns>div,.friend-board>div{flex:1;min-width:180px;padding:16px;background:#f1f5f2;border-radius:8px}.friend-board{margin-bottom:18px}#friendRoomCode{font-size:22px;letter-spacing:3px}#friendMessage{color:#805a24;min-height:1.5em}#friendResult{margin:15px 0;padding:12px;background:#eef4eb;border-radius:6px}#friendLeave{margin-top:20px}
.opening{text-align:center;padding:12px;margin:12px auto;background:#123c30;border:1px solid #799b87;border-radius:8px;max-width:300px;color:#fff}.opening p{font-size:13px;margin:6px 0 10px}.slot-reel{background:#fffdf6;color:#20392c;border:3px solid #e8cb7b;border-radius:6px;font-size:22px;font-weight:700;min-height:42px;margin:0 auto 10px;max-width:200px;padding:5px;overflow:hidden}.opening button{padding:6px 16px;font-size:12px}
.welcome{max-width:440px;margin:14vh auto;padding:32px 24px;text-align:center}.welcome h1{font-size:32px}.welcome p{font-size:13px;color:#718077}.first-cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.first-cards>div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px}.first-cards .card{width:52px;height:74px;font-size:15px}.first-cards .suit{font-size:21px}
.deal-table{background:#184e3e;color:#fff;border-radius:8px;padding:20px;text-align:center}.deal-deck{display:inline-flex;width:54px;height:76px;align-items:center;justify-content:center;border:3px solid #fff;border-radius:5px;background:repeating-linear-gradient(45deg,#183b50 0 5px,#56798a 5px 7px);font-size:9px;box-shadow:3px 3px #afc3b6}.deal-players{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.deal-players>div{min-width:76px;font-size:11px}.deal-row{display:flex;justify-content:center;height:38px;margin-top:8px}.deal-card{width:19px;height:30px;flex:none;margin-left:-4px;border:1px solid #c8ded1;border-radius:3px;background:repeating-linear-gradient(45deg,#214d42 0 3px,#568170 3px 5px);animation:deal-in .18s ease-out}.deal-pile{height:76px;display:flex;justify-content:center}.deal-pile .card{width:52px;height:74px;font-size:16px}.deal-pile .suit{font-size:21px}.deal-flip{animation:deal-flip .55s ease-out}@keyframes deal-in{from{opacity:0;transform:translateY(-35px) scale(.6)}to{opacity:1;transform:none}}@keyframes deal-flip{from{opacity:0;transform:translateY(-45px) rotateY(90deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.deal-card,.deal-flip{animation:none}}
#historyList li:last-child{background:transparent;font-weight:normal}#historyList li:first-child{background:#e4eddf;font-weight:700}
.history-controls{display:flex;gap:8px}.history-controls button{font-size:12px;padding:7px 12px}.history-controls button[aria-pressed=true]{background:#dceade;border-color:#799a80;font-weight:700}.discard-summary{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:12px;text-align:left}.discard-summary th,.discard-summary td{padding:7px 5px;border-bottom:1px solid #dbe2d8}.discard-summary th{font-size:11px;color:#586c5f}.discard-summary td:last-child{white-space:normal}
.mini{align-items:center;flex-wrap:nowrap;gap:2px;height:46px;min-height:46px;overflow:visible}.mini .card,.mini .backmini{width:23px;height:35px;flex:0 0 23px;margin:0}.mini .card{padding:2px;font-size:9px}.mini .suit{font-size:11px}@media(max-width:520px){.mini{gap:1px}.mini .card,.mini .backmini{width:18px;height:29px;flex-basis:18px}.mini .card{font-size:8px}.mini .suit{font-size:10px}}
.name-settings{border:1px solid #dbe1dc;border-radius:6px;padding:10px 12px;margin:16px 0}.name-settings legend{font-size:12px;padding:0 5px}.name-settings div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.name-settings label{font-size:11px;color:#65756b}.name-settings input{display:block;width:100%;margin-top:4px;padding:7px;border:1px solid #cdd6cf;border-radius:4px;font:inherit;color:#24392c;background:#fff}@media(max-width:520px){.name-settings div{grid-template-columns:1fr}}
.friend-screen{max-width:850px;background:transparent;padding:0 20px}.friend-room-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.friend-member-list{display:grid;gap:4px}.friend-member{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6ebe7;padding:7px 0;font-size:13px}.friend-member button{font-size:11px;padding:5px 10px}.friend-settings{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.friend-settings label{margin:10px 0}.friend-settings button{margin:10px 0}.friend-opponents{display:flex;justify-content:space-around;gap:8px;margin:28px 0}.friend-game #friendTurn{font-size:16px;font-weight:600;min-height:24px}.friend-game #friendHint{color:#c3d9cb;font-size:12px;min-height:38px;margin:12px 0 16px}.friend-discard-label{font-size:11px;color:#bcd3c8}.friend-game #friendTotal{color:#f2dc98}.friend-game .discardstack .card:disabled,.friend-game .card:disabled{opacity:1;color:#20382f}.friend-game .discardstack .card.red:disabled,.friend-game .card.red:disabled{color:#bb443f}.friend-game .discardstack .card.joker-card:disabled,.friend-game .card.joker-card:disabled{color:#61469a}#friendHistoryList li{padding:8px;border-bottom:1px solid #dbe2d8;font-size:13px}#friendHistoryList li:first-child{background:#e4eddf;font-weight:700}#friendHistoryList small{font-size:10px;color:#718077}@media(max-width:520px){.friend-screen{margin:10px auto;padding:0 8px}.friend-screen h1{font-size:21px}.friend-game{padding:16px 10px}.friend-opponents{gap:2px;margin:18px 0}.friend-settings{gap:8px}.friend-settings label{flex:1}.friend-settings select{width:100%}.friend-settings button{width:100%;margin:0 0 8px}}

.friend-room-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.friend-room-actions #friendLeave{margin-top:0}@media(max-width:520px){.friend-room-actions button{flex:1 1 45%;font-size:12px}}

#friendTurn.your-turn{display:inline-block;background:#ffe39a;color:#183c30;border:2px solid #fff1c3;border-radius:999px;padding:8px 20px;box-shadow:0 0 0 4px #f4d27b33;font-size:19px;font-weight:800}#friendLog p{font-size:13px;line-height:1.7;border-bottom:1px solid #dbe2d8;padding:8px 0}.friend-cutin{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;background:#09291de8;animation:friend-cutin-in .22s ease-out;pointer-events:none}.friend-cutin strong{font-size:clamp(42px,12vw,90px);color:#ffe39a;text-shadow:0 4px 0 #725622}.friend-cutin span{font-size:clamp(18px,5vw,30px);font-weight:700}@keyframes friend-cutin-in{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.friend-cutin{animation:none}}