*{box-sizing:border-box}body{margin:0;background:#f5f2e9;color:#183c38;font-family:system-ui,-apple-system,sans-serif}main{max-width:780px;margin:auto;padding:24px 18px}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #d9dfd3;border-radius:10px;background:#fffdf7;color:inherit;padding:10px 13px}button:focus-visible{outline:3px solid #e7a848;outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:inherit;font-weight:850;font-size:20px;text-decoration:none}.brand-icon{font-size:30px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px;color:#66857c}#pause{font-size:12px}.intro{padding:27px 0 20px}.eyebrow{font-size:11px;color:#638375;font-weight:700}.intro h1{font-size:36px;line-height:1.35;margin:12px 0}.intro em{font-style:normal;display:block;color:#ba5938}.intro p{font-size:13px;line-height:1.7;color:#6b7c72;margin:0}.settings{margin-bottom:15px}#difficulty{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}#difficulty button{font-weight:700;padding:12px 5px}#difficulty button[aria-pressed=true]{background:#18463e;color:#fff8e9;border-color:#18463e}#difficulty button[data-mode=oni]{color:#bc5145}#difficulty button[data-mode=oni][aria-pressed=true]{background:#642c42;color:#ffdcba;border-color:#642c42}#difficulty span{display:block;font-size:8px;letter-spacing:1px}#mode-desc{font-size:11px;color:#718273;margin:9px 0 0;min-height:17px}.table{position:relative;background:#17473f;border:5px solid #e7d9b7;border-radius:26px;box-shadow:0 14px 32px #1b453815;padding:21px 20px;color:#fff7e1;overflow:hidden}.table:before{content:'';position:absolute;inset:8px;border:1px solid #effbd21a;border-radius:18px;pointer-events:none}.player-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:0 3px 12px}.player-label>span:last-child{font-size:10px;color:#b9d0be}.player-label strong{font-size:22px;color:#f8d584}.player-label b{font-size:10px;padding:3px 6px;border:1px solid #547568;border-radius:6px;margin-left:5px}.hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.playing-card{position:relative;aspect-ratio:5/7;width:100%;padding:0;border-radius:9px;background:#fffdf6;color:#253936;border:2px solid #ede5d5;box-shadow:0 3px 0 #082c27;overflow:hidden;user-select:none;-webkit-user-select:none}.playing-card.red{color:#c95041}.corner{position:absolute;top:5px;left:6px;display:flex;flex-direction:column;line-height:1;text-align:center;font-weight:800;font-size:18px}.corner small{font-size:13px;margin-top:3px}.corner.bottom{transform:rotate(180deg);top:auto;left:auto;bottom:5px;right:6px}.suit-center{font-size:32px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playing-card.empty{background:#102f2b55;border:1px dashed #639183;box-shadow:none}.playing-card.empty .suit-center{color:#6f9486}.hand button.playable{border-color:#f3cc6c;box-shadow:0 0 0 2px #f3cc6c66,0 3px 0 #082c27}.hand button.selected{transform:translateY(-5px);border-color:#fff2ac;box-shadow:0 0 0 3px #eeb44a}.cpu-hand .playing-card{aspect-ratio:5/6;opacity:.93}.cpu-hand .corner{font-size:15px}.cpu-hand .suit-center{font-size:27px}.deck-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#b3cbb8;padding:11px 3px}.stock b{color:#ffda8a;margin-left:4px}#cpu-action{max-width:62%;text-align:right}.center-row{display:grid;grid-template-columns:50px 1fr 50px;gap:14px;align-items:center;padding:3px 0}.centers{display:grid;grid-template-columns:1fr 1fr;gap:15px}.centers button{aspect-ratio:5/6}.centers button.target{border-color:#f6da84;box-shadow:0 0 0 3px #e0bd6966}.reserve,.timer{font-size:9px;text-align:center;color:#9dbbad}.reserve b,.timer b{display:block;font-size:21px;color:#ffe0a0;margin:5px 0}.reserve>span:last-child{font-size:29px}.status-line{min-height:43px;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}.status-line p{font-size:11px;margin:8px 0;color:#f4e6bb}.status-line button{background:#f5c565;color:#17372f;font-size:14px;font-weight:800;padding:8px 23px}.you{padding:13px 3px 0}.you small{font-size:9px;letter-spacing:2px;color:#8bb3a0;margin-left:4px}#overlay{position:absolute;inset:0;background:#0d332beb;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:3;padding:22px}.overlay-panel{text-align:center;max-width:380px;width:100%}#overlay-tag{font-size:10px;letter-spacing:4px;color:#edbf68;font-weight:800}#overlay-title{font-size:29px;line-height:1.35;margin:16px 0}.overlay-panel p{font-size:12px;line-height:1.9;color:#c8d5bb;margin:0 0 22px}.overlay-panel button{display:block;width:100%;margin:10px auto}.primary{background:#efc568;border-color:#efc568;color:#183c38;font-weight:850;padding:15px 13px}#overlay.counting h2{font-size:78px;font-variant-numeric:tabular-nums}.records{background:#fffcf3;border:1px solid #e4dfcc;border-radius:15px;margin:19px 0;padding:16px 20px;display:grid;gap:7px}.records>span{font-size:10px;color:#84927c}.records b{font-size:15px}.records small{font-size:11px;color:#7e8877}.guide{font-size:12px;line-height:1.9;color:#75836f}.guide summary{cursor:pointer;font-weight:750;color:#244a3c;padding:10px 0}.guide p{margin:12px 0}footer{font-size:10px;text-align:center;color:#92967d;padding:24px 0 4px}#share-text{width:100%;min-height:100px;font:inherit;font-size:12px;border:1px solid #d5d6c6;border-radius:9px;padding:12px}.table.oni{background:#422638;border-color:#dac5af}.table.oni #overlay{background:#352030eb}@media(min-width:600px){main{padding:28px 30px}.table{padding:25px 55px}.hand{gap:17px}.center-row{grid-template-columns:60px 1fr 60px;gap:28px}.playing-card{max-height:150px}.cpu-hand .playing-card{max-height:120px}.corner{font-size:23px}.suit-center{font-size:42px}.intro h1{font-size:44px}.intro p br{display:none}}@media(max-width:360px){main{padding:15px 10px}.table{padding:16px 12px}.center-row{gap:8px;grid-template-columns:38px 1fr 38px}.hand{gap:6px}.intro h1{font-size:30px}.corner{font-size:16px}.suit-center{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.hand button.selected{transform:none}}

#unlock-status{font-size:11px;color:#a45738;margin:10px 0 4px;font-weight:700}#difficulty button[data-mode=oni]:disabled{opacity:.65}#difficulty button[data-mode=oni] span{font-size:8px;letter-spacing:0}