:root{--rdg-night:#1f2a3a;--rdg-rain:#2f4156;--rdg-mist:#c8d6e5;--rdg-lamp:#f4b860;--rdg-cream:#fbf4e6;--rdg-ink:#23303f;--rdg-moss:#7fa88b;--rdg-heart:#b8453f;--rdg-font:ui-rounded, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--rdg-font-serif:Georgia, "Times New Roman", serif;--rdg-radius:14px;--rdg-radius-card:10px;--rdg-shadow:0 6px 18px #00000047;--rdg-space:1rem}.rdg-card{--card-w:4.5rem;width:var(--card-w);aspect-ratio:5/7;border-radius:var(--rdg-radius-card);background:var(--rdg-cream);color:var(--rdg-ink);box-shadow:var(--rdg-shadow);font-family:var(--rdg-font-serif);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:.35rem .4rem;font-weight:700;line-height:1;display:inline-flex}.rdg-card--red{color:var(--rdg-heart)}.rdg-card__corner{flex-direction:column;align-items:flex-start;font-size:1.15rem;display:flex}.rdg-card__pip{align-self:center;font-size:2rem}.rdg-card__corner--bottom{align-self:flex-end;align-items:flex-end;transform:rotate(180deg)}.rdg-card--back{background:repeating-linear-gradient(45deg, transparent 0 6px, #ffffff14 6px 12px), var(--rdg-rain);border:3px solid var(--rdg-cream)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}:root{--om-font:var(--rdg-font);--om-bg:repeating-linear-gradient(105deg, transparent 0 22px, #c8d6e50d 22px 23px), linear-gradient(180deg, var(--rdg-night), var(--rdg-rain));--om-bg-color:var(--rdg-night);--om-text:var(--rdg-cream);--om-btn:var(--rdg-lamp);--om-btn-text:var(--rdg-night);--om-btn-shadow:#b9853f;--om-btn2:#496683;--om-btn2-text:var(--rdg-cream);--om-btn2-shadow:#22364a;--om-sel:var(--rdg-cream);--om-h1:var(--rdg-lamp);--om-h1-shadow:0 2px 0 #00000059;--om-input-border:var(--rdg-mist);--om-input-bg:var(--rdg-cream);--om-input-text:var(--rdg-ink);--om-panel:#ffffff12;--om-turn-border:var(--rdg-mist);--om-turn-bg:#ffffff1c;--om-target-border:var(--rdg-lamp);--om-target-bg:#f4b8601f;--om-target-glow:#f4b8602e;--om-msg-bg:#fbf4e6f2;--om-msg-border:var(--rdg-mist);--om-msg-text:var(--rdg-ink);--om-msg-shadow:0 4px 12px #00000040;--om-accent:var(--rdg-lamp);--om-focus:var(--rdg-lamp);--om-back:repeating-linear-gradient(45deg, transparent 0 6px, #ffffff1a 6px 12px), #3d5672;--om-back-border:var(--rdg-cream);--om-back-mark:"";--om-overlay:#0c121ca6;--om-box-bg:var(--rdg-cream);--om-box-text:var(--rdg-ink);--om-box-border:var(--rdg-lamp);--om-box-title:var(--rdg-ink);--om-new-outline:var(--rdg-lamp);--om-wiggle:none}html[data-mode=cozy]{--om-font:"Chalkboard SE", "Comic Sans MS", "Marker Felt", "Trebuchet MS", ui-rounded, system-ui, sans-serif;--om-bg:radial-gradient(circle at 20% 10%, #ffe6f2 0, transparent 40%), radial-gradient(circle at 85% 90%, #d9f0ff 0, transparent 45%), linear-gradient(160deg, #fff4c7, #ffd6e8 55%, #d6e4ff);--om-bg-color:#ffd6e8;--om-text:#4a2a6b;--om-btn:linear-gradient(#ff8fc7, #ff5fa8);--om-btn-text:white;--om-btn-shadow:#c63a82;--om-btn2:linear-gradient(#6cc3ff, #3a9be8);--om-btn2-text:white;--om-btn2-shadow:#236fb0;--om-sel:#ffd23f;--om-h1:#d6307f;--om-h1-shadow:3px 3px 0 #fff, 6px 6px 0 #ffc2de;--om-input-border:#ffa5d0;--om-input-bg:#fff;--om-input-text:#4a2a6b;--om-panel:#ffffffa6;--om-turn-border:#ffd23f;--om-turn-bg:#fff7c8e6;--om-target-border:#ff5fa8;--om-target-bg:#fff0f8;--om-target-glow:#ff5fa840;--om-msg-bg:white;--om-msg-border:#b58cff;--om-msg-text:#4a2a6b;--om-msg-shadow:0 5px 0 #b58cff;--om-accent:#d6307f;--om-focus:#4a2a6b;--om-back:radial-gradient(circle at 50% 50%, #ffe27a 0 12%, transparent 13%), repeating-linear-gradient(45deg, #8e5be8 0 8px, #a47bf0 8px 16px);--om-back-border:white;--om-back-mark:"★";--om-overlay:#3c145a8c;--om-box-bg:white;--om-box-text:#4a2a6b;--om-box-border:#ffb3da;--om-box-title:#d6307f;--om-new-outline:#ffd23f;--om-wiggle:wiggle 1.2s infinite}html{background:var(--om-bg);background-color:var(--om-bg-color)}html:not([data-mode=cozy]) .only-cozy,html[data-mode=cozy] .only-classic{display:none!important}body.om{--back-w:52px;--back-h:76px;--face-w:86px;--face-h:122px;--face-em:3.4rem;--face-nm:.9rem;font-family:var(--om-font);min-height:100dvh;color:var(--om-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden}[hidden]{display:none!important}.om button:not(.card){cursor:pointer;background:var(--om-btn);min-width:48px;min-height:48px;color:var(--om-btn-text);box-shadow:0 5px 0 var(--om-btn-shadow), 0 8px 14px #0003;touch-action:manipulation;border:none;border-radius:999px;padding:12px 26px;font-family:inherit;font-size:1.2rem;font-weight:700;transition:transform .1s}.om button:not(.card):hover{transform:translateY(-2px)scale(1.04)}.om button:not(.card):active{box-shadow:0 2px 0 var(--om-btn-shadow);transform:translateY(3px)}.om button:focus-visible,.om input:focus-visible{outline:4px solid var(--om-focus);outline-offset:3px}.om button.blue{background:var(--om-btn2);color:var(--om-btn2-text);box-shadow:0 5px 0 var(--om-btn2-shadow), 0 8px 14px #0003}.om button.small{padding:8px 18px;font-size:1rem}.om button.sel{outline:5px solid var(--om-sel);transform:scale(1.08)}.om button.big{padding:14px 44px;font-size:1.5rem}.row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}#start{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:16px 16px 24px;display:flex}#start h1{color:var(--om-h1);text-shadow:var(--om-h1-shadow);margin:0;font-size:clamp(2.4rem,9vw,5rem)}#start .big-emoji{font-size:clamp(2.6rem,10vw,6rem);animation:1.6s infinite bounce}#start .q{margin:0;font-size:1.25rem;font-weight:700}#start input[type=text],#start #nameInput{text-align:center;border:4px solid var(--om-input-border);width:min(220px,100%);min-height:48px;color:var(--om-input-text);background:var(--om-input-bg);-webkit-user-select:text;user-select:text;border-radius:16px;padding:8px 14px;font-family:inherit;font-size:1.4rem}#playersRow button{min-width:64px}.toggle{background:var(--om-panel);cursor:pointer;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:4px 16px;font-size:1.15rem;font-weight:700;display:inline-flex}.toggle input{width:26px;height:26px;accent-color:var(--om-target-border);cursor:pointer}.stats{opacity:.85;margin:0;font-size:1.05rem;font-weight:700}.home-link{color:var(--om-text);align-items:center;min-height:48px;padding:12px 8px;font-size:.95rem;display:inline-flex}#game{flex-direction:column;gap:8px;max-width:1100px;min-height:100dvh;margin:0 auto;padding:10px 12px 18px;display:flex}#topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}#topbar .title{color:var(--om-accent);white-space:nowrap;font-size:1.6rem;font-weight:700}#topbar .tools{flex-wrap:nowrap;gap:8px}#opponents{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.opp{background:var(--om-panel);text-align:center;border:4px solid #0000;border-radius:22px;flex:200px;min-width:0;max-width:360px;padding:8px 10px 12px;transition:border-color .2s,background .2s}.opp.turn{border-color:var(--om-turn-border);background:var(--om-turn-bg)}.opp.target{border-color:var(--om-target-border);background:var(--om-target-bg);box-shadow:0 0 0 5px var(--om-target-glow)}.opp.pick{flex-basis:100%;max-width:100%}.opp.out{opacity:.55}.opp .who{justify-content:center;align-items:center;gap:6px;display:flex}.opp .avatar{font-size:2.2rem;line-height:1}.opp .name{font-size:1.1rem;font-weight:700}.opp .count{opacity:.8;margin-bottom:6px;font-size:.9rem}.fan{min-height:var(--back-h);justify-content:center;display:flex}.fan.pick{flex-wrap:wrap;gap:8px;padding:6px 0}#middle{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:4px 0;display:flex}#msg{background:var(--om-msg-bg);color:var(--om-msg-text);border:4px solid var(--om-msg-border);min-height:3.1rem;box-shadow:var(--om-msg-shadow);border-radius:22px;max-width:95%;padding:10px 22px;font-size:clamp(1.05rem,3.2vw,1.6rem);font-weight:700;display:inline-block}#pile{letter-spacing:2px;opacity:.9;overflow-wrap:anywhere;min-height:2rem;font-size:1.4rem}#pile small{letter-spacing:0;opacity:.8;font-size:.9rem}#me{text-align:center;margin-top:auto}#me .label{margin-bottom:4px;font-size:1.2rem;font-weight:700}#me .label.turn{color:var(--om-accent)}#hand{min-height:calc(var(--face-h) + 12px);flex-wrap:wrap;justify-content:center;gap:10px;padding:6px;display:flex}.card{width:var(--back-w);height:var(--back-h);border:3px solid var(--om-back-border);font:inherit;color:inherit;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .15s;display:flex;position:relative;box-shadow:0 3px 6px #00000047}.card.back{background:var(--om-back)}.card.back:after{content:var(--om-back-mark);color:#ffd23f;text-shadow:0 0 3px #7a3fd0;font-size:1.5rem}.card.pickable{cursor:pointer;min-width:48px;min-height:48px;animation:var(--om-wiggle);touch-action:manipulation}.card.pickable:hover,.card.pickable:focus-visible{z-index:5;transform:translateY(-10px)scale(1.1)}.card.pickable:focus-visible{outline:4px solid var(--om-focus);outline-offset:2px}.card.flying{z-index:60;pointer-events:none;margin:0;position:fixed}.card.face{width:var(--face-w);height:var(--face-h);background:#fff;border-width:4px;border-radius:13px}.card.face .em{font-size:var(--face-em);line-height:1}.card.face .nm{font-size:var(--face-nm);margin-top:4px;font-weight:700}.card.face.maid{color:#fff;background:#2d1b3d;border-color:#ffd23f}.card.face.maid .nm{color:#ffd23f}.card.new{outline:4px solid var(--om-new-outline);animation:.55s ease-out flip-in}.card.glow-out{animation:.5s infinite alternate glowout}.card.face.rdg-card{--card-w:var(--face-w);height:var(--face-h);background:var(--rdg-cream);color:var(--rdg-ink);font-family:var(--rdg-font-serif);border:1px solid #00000026;justify-content:space-between;align-items:stretch;padding:.3rem .35rem;font-weight:700;line-height:1;overflow:hidden}.card.face.rdg-card.rdg-card--red{color:var(--rdg-heart)}.card.face.rdg-card .rdg-card__pip{font-size:calc(var(--face-w) * .42)}.card.face.rdg-card .rdg-card__corner{font-size:calc(var(--face-w) * .2)}.card.face.rdg-card.odd{box-shadow:0 0 0 3px var(--rdg-lamp), 0 3px 6px #00000047}.classic-hero{justify-content:center;padding-top:8px;display:flex}.classic-hero .rdg-card{--card-w:clamp(3rem, 12vw, 4.5rem);margin-left:-1rem}.classic-hero .rdg-card:first-child{margin-left:0;transform:rotate(-8deg)}.classic-hero .rdg-card:nth-child(2){transform:translateY(-6px)}.classic-hero .rdg-card:nth-child(3){transform:rotate(8deg)}.avatar.initial{background:var(--rdg-mist);width:2rem;height:2rem;color:var(--rdg-ink);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;font-size:1rem!important}#pile .pc{font-family:var(--rdg-font-serif);letter-spacing:0;background:var(--rdg-cream);color:var(--rdg-ink);border-radius:4px;padding:0 3px;font-size:1rem}#pile .pc.red{color:var(--rdg-heart)}.overlay{background:var(--om-overlay);z-index:20;justify-content:center;align-items:center;padding:14px;display:none;position:fixed;inset:0;overflow-y:auto}.overlay.show{display:flex}.over-col{flex-direction:column;align-items:center;width:100%;max-width:520px;margin:auto;display:flex}.box{background:var(--om-box-bg);color:var(--om-box-text);text-align:center;border:6px solid var(--om-box-border);border-radius:28px;width:100%;max-width:520px;margin:auto;padding:22px 24px;box-shadow:0 10px 30px #0000004d}.over-col .box{margin:0}.box h2{color:var(--om-box-title);margin:0 0 8px;font-size:clamp(1.7rem,7vw,2.2rem)}.box p,.box li{font-size:1.15rem}.box ol{text-align:left;padding-left:1.4em}.box .hint{opacity:.85;font-size:1rem}.box .card.face{margin:10px auto}.confetti{pointer-events:none;z-index:30;font-size:2rem;animation:linear forwards fall;position:fixed;top:-40px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:-4deg}75%{rotate:4deg}}@keyframes flip-in{0%{transform:perspective(500px)rotateY(90deg)scale(.8)}70%{transform:perspective(500px)rotateY(-8deg)scale(1.1)}to{transform:perspective(500px)rotateY(0)scale(1)}}@keyframes glowout{0%{transform:scale(1);box-shadow:0 0 #ff006400}to{transform:scale(1.1)translateY(-10px);box-shadow:0 0 25px 8px #ff3d8b}}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@media (width<=600px){body.om{--back-w:40px;--back-h:58px;--face-w:56px;--face-h:80px;--face-em:2.1rem;--face-nm:.62rem}#game{gap:6px;padding:8px 8px 16px}#topbar .title{font-size:1.15rem}#topbar .tools{gap:4px}#topbar .lbl{display:none}.om #topbar button.icon{padding:6px;font-size:1.15rem}#opponents{gap:8px}.opp{border-width:3px;border-radius:16px;flex:140px;padding:6px 6px 8px}.opp .avatar{font-size:1.6rem}.opp .name{font-size:1rem}.opp .count{margin-bottom:4px}.fan.pick .card{width:48px;height:68px}.fan.pick{gap:6px}#hand{gap:6px;padding:4px}#msg{border-width:3px;max-width:100%;padding:8px 14px}.card.face{border-width:3px;border-radius:10px}.card.face .nm{margin-top:2px}#start{gap:9px}#start .q{font-size:1.1rem}.om button.big{padding:12px 40px;font-size:1.35rem}.box{border-width:5px;padding:18px 16px}}@media (height<=700px){#start .big-emoji{font-size:2.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.om button:not(.card):hover,.om button.sel,.card.pickable:hover{transform:none}}:root{--om-inset-top:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));--om-inset-bottom:calc(max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px)) + var(--rdg-native-banner-h,0px))}body.om{padding-top:var(--om-inset-top);padding-bottom:var(--om-inset-bottom)}#start,#game{min-height:calc(100dvh - var(--om-inset-top) - var(--om-inset-bottom))}.overlay{padding-top:calc(14px + var(--om-inset-top));padding-bottom:calc(14px + var(--om-inset-bottom))}.look-picker{justify-content:center;gap:12px;width:100%;max-width:420px;display:flex}.om button.look-opt{background:var(--om-panel);min-width:0;max-width:200px;color:var(--om-text);box-shadow:none;border:3px solid #0000;border-radius:20px;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:8px 8px 10px;display:flex}.om button.look-opt[aria-checked=true]{border-color:var(--om-sel);background:var(--om-turn-bg);box-shadow:0 0 0 3px var(--om-target-border)}.look-preview{border-radius:12px;justify-content:center;gap:6px;padding:6px 10px;display:flex}.look-preview-classic{background:linear-gradient(#1f2a3a,#2f4156)}.look-preview-cozy{background:linear-gradient(160deg,#fff4c7,#ffd6e8 55%,#d6e4ff)}.look-preview .mini-card{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:30px;height:42px;font-size:1.2rem;line-height:1;display:inline-flex}.look-preview-classic .mini-card{color:#23303f;background:#fbf4e6;font-family:Georgia,Times New Roman,serif;box-shadow:0 2px 4px #00000059}.look-preview-classic .mini-card b{font-size:1rem}.look-preview-classic .mini-card i{font-size:.95rem;font-style:normal}.look-preview-classic .mini-card.red{color:#b8453f}.look-preview-cozy .mini-card{border:2px solid #fff;box-shadow:0 2px #b58cff}.look-name{font-size:1.15rem;font-weight:700}.look-sub{opacity:.85;font-size:.85rem;font-weight:400}@media (height<=820px){#start .classic-hero,#start .big-emoji{display:none}}@media (width<=400px){.toggle{gap:8px;padding:4px 12px;font-size:1rem}#start .row{gap:10px}}@media (height<=700px){#start{gap:7px;padding-top:10px}.om button.look-opt{padding:6px 8px 8px}}.ad-slot{color:#0000008c;text-align:center;background:#ffffff8c;border:2px dashed #00000040;border-radius:8px;justify-content:center;align-items:center;width:min(320px,100%);min-height:50px;margin:8px auto 0;padding:4px 8px;font:600 .8rem/1.2 system-ui,sans-serif;display:flex}.ad-slot[hidden]{display:none}.ad-interstitial{z-index:50;background:#14141ed9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ad-interstitial__box{color:#fff;text-align:center;border:2px dashed #ffffff80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:min(360px,100%);min-height:240px;padding:16px;font:600 1rem/1.3 system-ui,sans-serif;display:flex}.ad-interstitial .ad-interstitial__box button.ad-close{color:#222;cursor:pointer;min-width:48px;min-height:48px;box-shadow:none;background:#fff;border:0;border-radius:999px;padding:8px 18px;font:700 1rem system-ui,sans-serif}