.fun-main{max-width:1400px;padding:28px 5% 55px;margin:auto}.fun-back{font-size:14px}.fun-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.fun-heading h1{font-size:60px;font-weight:500;margin:9px 0}.fun-heading h1 em{color:var(--orange)}.fun-heading p{color:var(--muted);margin:0}.fun-tabs{display:grid;grid-template-columns:repeat(5,1fr);padding:6px;background:#e8ebe3;border-radius:18px;gap:6px;margin:25px 0}.fun-tabs button,.fun-tabs .quiz-night-link{border:0;background:transparent;border-radius:13px;padding:15px 8px;color:var(--ink);font-size:22px;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .25s,box-shadow .25s}.fun-tabs button span,.fun-tabs .quiz-night-link span{font-size:16px;font-weight:600}.fun-tabs button[aria-selected=true]{background:white;box-shadow:0 3px 12px #193e3510}.fun-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:stretch}[hidden]{display:none!important}.fun-panel,.cards-panel,.chance-panel{animation:enter .4s ease both}.play-stage{background:#193e35;border-radius:24px;padding:24px 30px;color:#fff9e6;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.stage-caption{font-size:12px;letter-spacing:.14em;font-weight:700;opacity:.8}.wheel-wrap{position:relative;width:min(100%,380px);margin:22px auto 8px}.wheel-wrap svg{width:100%;display:block;filter:drop-shadow(0 16px 15px #071d2460);border:7px solid #f9f4df;border-radius:50%;transition:transform 4.6s cubic-bezier(.12,.7,.08,1)}.pointer{position:absolute;z-index:3;top:-9px;left:calc(50% - 13px);border-left:13px solid transparent;border-right:13px solid transparent;border-top:29px solid #fff9e6;filter:drop-shadow(0 3px 2px #0003)}.spin-center{position:absolute;left:38%;top:38%;width:24%;height:24%;border-radius:50%;border:6px solid #ffffff70;background:#fff9e6;color:var(--ink);font-size:16px;font-weight:800;box-shadow:0 4px 18px #0003}.result{font:600 26px Manrope,Arial,sans-serif;letter-spacing:-.03em;line-height:1.3;min-height:43px;margin:16px 0;overflow-wrap:anywhere;max-width:100%}.play-button{border:0;background:#f8c652;border-radius:12px;color:#193e35;font-weight:700;padding:15px 24px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:40px;transition:transform .2s,background .2s}.play-button:hover:not(:disabled){transform:translateY(-2px);background:#ffda7d}.play-stage>.play-button{width:100%}.settings{padding:32px;background:#fffefa;border:1px solid var(--line);border-radius:24px}.settings h2,.chance-box h2{font-size:28px;letter-spacing:-.04em;margin:12px 0 15px}.settings p{color:var(--muted);font-size:16px}.settings .eyebrow{font-size:12px;color:var(--orange)}.add-form{display:flex;gap:8px;margin:24px 0 15px}.fun-main input:not([type=checkbox]),.fun-main select{font:inherit;border:1px solid #bbc8bf;border-radius:10px;background:white;padding:12px;color:var(--ink);min-width:0}.add-form input{width:100%}.add-form button{border:0;border-radius:10px;background:var(--ink);color:white;font-size:28px;min-width:48px}.item-list{padding:0;margin:0;list-style:none;max-height:300px;overflow:auto}.item-list li{display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #e5e8de;overflow-wrap:anywhere}.item-list li>span:nth-child(2){flex:1}.item-list .swatch{width:10px;height:10px;border-radius:50%;flex:none}.item-list button{border:0;background:transparent;color:#5f6d65;font-size:22px;min-width:44px;min-height:44px}.item-list .drawn{text-decoration:line-through;opacity:.48}.check{display:flex;align-items:center;gap:10px;font-size:16px;cursor:pointer}.check input{accent-color:#193e35;width:20px;height:20px;flex:none}.settings-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;font-size:14px}.quiet-button{background:transparent;border:1px solid #b7c4ba;color:var(--ink);border-radius:10px;padding:10px 15px;font-size:14px}.hat-stage{background:#253c55;min-height:520px}.hat-visual{font-size:170px;line-height:1.8;filter:drop-shadow(0 15px 10px #0004)}.hat-visual.shuffling{animation:hat-shuffle .24s ease-in-out infinite alternate}.cards-controls{display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:26px}.cards-controls h2{margin-bottom:0}.cards-controls>div{flex:1;min-width:190px}.cards-controls>label:not(.check){display:flex;flex-direction:column;gap:5px;font-size:14px}.card-table{background:#193e35;border-radius:24px;margin-top:20px;padding:40px 25px 20px;text-align:center;color:#f7f5ee;min-height:350px}.card-hand{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;min-height:240px;perspective:1000px}.playing-card{background:#fffdf5;width:130px;height:184px;border-radius:12px;color:#193e35;box-shadow:0 9px 14px #0003;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px;font:600 24px Georgia,serif;animation:deal .65s cubic-bezier(.2,.8,.2,1) both}.playing-card.red{color:#c44331}.playing-card .corner{align-self:flex-start;font-size:20px;line-height:1.1}.playing-card .corner:last-child{align-self:flex-end;transform:rotate(180deg)}.playing-card .suit{font-size:57px;line-height:1}.playing-card.joker .suit{font-size:35px}.empty-hand span{font:50px Georgia;color:#f8c652;letter-spacing:15px}.empty-hand p{opacity:.8;margin:18px 0}.chance-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chance-box{background:#e8eee7;border:1px solid #d5ded2;border-radius:24px;padding:30px;display:flex;flex-direction:column;align-items:center}.chance-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.chance-top h2{margin-bottom:0}.chance-top .eyebrow{font-size:11px}.chance-box>.play-button{width:100%}.dice-tray{display:flex;align-items:center;justify-content:center;align-content:center;gap:16px;flex-wrap:wrap;min-height:238px;padding:25px 0;width:100%}.die{width:75px;height:75px;border-radius:16px;background:#fffefa;box-shadow:0 7px 0 #d5dacd,0 12px 18px #193e3520;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:13px;gap:4px}.pip{background:#193e35;border-radius:50%}.rolling .die{animation:roll .35s infinite}.coin-box{background:#f5e8cd}.coin{flex:none;background:radial-gradient(circle at 32% 25%,#fff2b1,#f8c652 40%,#d89021);border:8px double #b67b1b;border-radius:50%;width:172px;height:172px;margin:33px 0;color:#714711;box-shadow:0 8px 0 #bd7f1e,0 18px 25px #9a651c30;display:flex;align-items:center;justify-content:center;flex-direction:column}.coin span{font:bold 60px Georgia;line-height:1.2}.coin small{font-size:12px;letter-spacing:.18em}.coin.flipping{animation:flip 1.1s ease-in-out both}.chance-note{font-size:14px;color:#79652f}.fun-footnote{text-align:center;font-size:14px;color:var(--muted);margin:30px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:disabled{cursor:default;opacity:.5}.fun-main :is(input,select):focus-visible{outline:3px solid #d64c28;outline-offset:3px}.revealed{animation:reveal .5s ease both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}@keyframes hat-shuffle{from{transform:rotate(-12deg) translateY(-5px)}to{transform:rotate(12deg) translateY(0)}}@keyframes deal{from{opacity:0;transform:translateY(50px) rotateY(140deg) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes roll{50%{transform:translateY(-12px) rotate(12deg)}100%{transform:rotate(-8deg)}}@keyframes flip{0%{transform:rotateY(0)}45%{transform:translateY(-30px) rotateY(900deg)}100%{transform:rotateY(1800deg)}}@media(max-width:800px){.fun-heading h1{font-size:46px}.fun-heading p{font-size:14px}.fun-panel,.chance-panel{grid-template-columns:1fr}.fun-tabs button,.fun-tabs .quiz-night-link{gap:5px;flex-direction:column;padding:10px 4px}.fun-tabs button span,.fun-tabs .quiz-night-link span{font-size:14px}.play-stage{padding:24px}.settings{padding:24px}.hat-stage{min-height:400px}.fun-heading{gap:15px}.fun-main{padding-inline:5%}.cards-controls{gap:18px}.cards-controls>div{width:100%;flex-basis:100%}.card-hand{gap:10px}.playing-card{width:100px;height:146px}.playing-card .suit{font-size:43px}.chance-box{padding:24px}.fun-heading .eyebrow{font-size:10px}}@media(max-width:420px){.fun-heading{align-items:flex-start;flex-direction:column}.fun-heading p br{display:none}.fun-tabs button span,.fun-tabs .quiz-night-link span{font-size:12px}.fun-tabs{gap:2px}.wheel-wrap{margin-top:25px}.result{font-size:24px}.settings h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.fun-main *{animation:none!important;transition:none!important}}