/* Preparation-only skin. Card sizes, flipping and selection logic stay unchanged. */
:is(#first-player-screen,#mulligan-screen){
    background:radial-gradient(ellipse at 78% 4%,#dddeb05c,transparent 43%),radial-gradient(ellipse at 12% 90%,#61755277,transparent 45%),linear-gradient(145deg,#172e2a,#28413a 60%,#132d30);
    color:#efe9d1;
}
:is(#first-player-screen,#mulligan-screen)::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(115deg,transparent 38%,#fbf1b90a 42%,transparent 48%,#eaf4bf0a 51%,transparent 57%);
    animation:preparation-light 14s ease-in-out infinite alternate;
}
#first-player-screen .first-player-container,#mulligan-screen .mulligan-container{
    position:relative;background:linear-gradient(150deg,#17352eed,#112a2beb);
    border:1px solid #c2b5818c;border-radius:12px;
    box-shadow:0 24px 80px #051a2470,inset 0 0 0 5px #e0ce9205;
    padding:34px 30px;color:#efe9d1;
}
#first-player-screen .first-player-container{max-width:720px}
#first-player-screen #online-first-player-actions.hidden{display:none}
.preparation-brand{font:11px/1.5 sans-serif;letter-spacing:.24em;color:#c7bc95;margin:0 0 20px}
.preparation-brand span{display:block;font:14px/2 "Yu Mincho",serif;letter-spacing:.2em;color:#ddd5b9}
.preparation-steps{display:flex;justify-content:center;gap:0;list-style:none;padding:0;margin:0 0 28px;font:12px/1.5 sans-serif;color:#a4b6ae}
.preparation-steps li{padding:8px 18px;border-bottom:1px solid #b7c7b333}
.preparation-steps li[aria-current]{color:#f5dea0;border-color:#e1c888;background:#e0d2910b}
#first-player-screen .first-player-title,#mulligan-screen .mulligan-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;letter-spacing:.08em;color:#f2e4bc;text-shadow:none;margin-bottom:14px}
#first-player-screen .first-player-title{font-size:32px}
#mulligan-screen .mulligan-turn-order{display:table;margin:0 auto 16px;padding:8px 22px;border:1px solid #cbbc80;border-radius:6px;background:#33483a;color:#fff2bc;font:700 22px/1.4 "Yu Gothic","Meiryo",sans-serif;letter-spacing:.04em}
#mulligan-screen .mulligan-turn-order[data-order="second"]{border-color:#a9c4dc;background:#243d4b;color:#e3f2ff}
#first-player-screen .first-player-description,#mulligan-screen .mulligan-description{font-size:16px;color:#cad8cd;margin-bottom:30px}
#first-player-screen .card-front{background:radial-gradient(ellipse,#36564b,#15382f);border:1px solid #d5c38c;color:#e8d599;box-shadow:inset 0 0 0 5px #15382f,inset 0 0 0 6px #beab7366,0 12px 24px #061e2466;font-family:Georgia,serif}
#first-player-screen .card-front::before{content:"◇";position:absolute;inset:15px;display:grid;place-items:center;font:86px Georgia,serif;color:#ccbd7b20;pointer-events:none}
#first-player-screen .card-back{background:linear-gradient(145deg,#fcf4d9,#d8cba4);color:#294038;border-color:#c9b47b;font-family:Georgia,serif}
#first-player-screen .card-label,#first-player-screen .result-message{color:#f1e1b3}
#first-player-screen .result-vs{color:#b9b293}
#first-player-screen .online-first-player-panel,#mulligan-screen .online-mulligan-status{background:#071f2366;color:#e4e9d9;border:1px solid #b3c3a633}
#first-player-screen .online-first-player-players span{background:#78968620;color:#e4e9d9}
:is(#first-player-screen,#mulligan-screen) .action-btn{border:1px solid #dbc894;background:linear-gradient(#e8d8a6,#cbbb88);color:#1c352e;box-shadow:0 5px 16px #081e2344;border-radius:6px;font-weight:600;padding:13px 26px}
:is(#first-player-screen,#mulligan-screen) .action-btn:hover:not(:disabled){background:#f0e0b0}
:is(#first-player-screen,#mulligan-screen) .action-btn:disabled{opacity:.45;cursor:default}
#mulligan-screen #skip-mulligan{background:#213e37;color:#e6dfc7;border-color:#9cac9277}
:is(#first-player-screen,#mulligan-screen) button:focus-visible{outline:3px solid #f3dfa2;outline-offset:4px}
#mulligan-screen .mulligan-hand{padding:20px 0;border-top:1px solid #d5c38c33;border-bottom:1px solid #d5c38c33;background:linear-gradient(90deg,transparent,#d7dfb509,transparent)}
#mulligan-screen .mulligan-info{background:#0b242566;color:#cdd8c9;border:1px solid #cad4ba22;font-size:15px}
#mulligan-screen #selected-count{color:#ffe4a4;font-size:20px;font-weight:bold}
@keyframes preparation-light{from{opacity:.35}to{opacity:1}}
@media(max-width:540px){
 #first-player-screen .first-player-container{padding:24px 16px;width:94%}
 #first-player-screen .first-player-title{font-size:25px}
 #first-player-screen .first-player-cards{gap:16px}
 #first-player-screen .first-player-card{width:88px;height:136px}
 .preparation-steps li{padding:8px 10px}
 #first-player-screen .online-first-player-players{font-size:12px}
}
@media(prefers-reduced-motion:reduce){:is(#first-player-screen,#mulligan-screen)::before{animation:none}}