:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111;--paper:#fff8e7;--white:#fff;--yellow:#ffe14d;--pink:#ff7eb6;--blue:#5ecbff;--green:#8cf28c;--orange:#ff9f43;--purple:#b69cff;--red:#ff4d4d;--amber:#ffc24a;--teal:#4fd1c5;--coral:#ff8a80;--muted:#5b5b5b;--line:3px solid var(--ink);--line-thin:2px solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--radius:10px;--font-display:"Dela Gothic One", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(#11111124 1.2px,#0000 1.2px);background-size:18px 18px;margin:0;font-weight:700}button,input,select{font:inherit;color:inherit}.page{max-width:760px;padding:max(16px, env(safe-area-inset-top)) 16px max(48px, env(safe-area-inset-bottom));margin:0 auto}.display{font-family:var(--font-display);margin:0 0 8px;font-weight:400}.muted{color:var(--muted);font-weight:500}.small{font-size:.85rem}.panel{background:var(--white);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 18px;padding:16px}.panel-yellow{background:var(--yellow)}.panel-pink{background:var(--pink)}.panel-blue{background:var(--blue)}.panel-title{font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;font-size:1.1rem;font-weight:400;display:flex}.panel-title small{font-family:var(--font-body);font-size:.8rem}.stack{font-size:12px;overflow-x:auto}.btn{border:var(--line);border-radius:var(--radius);background:var(--white);min-height:44px;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:1rem;font-weight:900;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-block{width:100%}.btn-sm{min-height:34px;padding:4px 10px;font-size:.85rem}.btn-lg{min-height:56px;font-size:1.1rem}.btn-xl{min-height:68px;font-size:1.35rem;font-family:var(--font-display);font-weight:400}.btn-sq{min-width:44px;padding:0}.btn-sm.btn-sq{min-width:34px}.btn-yellow{background:var(--yellow)}.btn-pink{background:var(--pink)}.btn-blue{background:var(--blue)}.btn-green{background:var(--green)}.btn-orange{background:var(--orange)}.btn-red{background:var(--red);color:var(--white)}.btn-purple{background:var(--purple)}.btn-ink{background:var(--ink);color:var(--white)}.btn-ghost{box-shadow:none;background:0 0}.btn-selected{outline:4px solid var(--ink);outline-offset:3px;box-shadow:none;transform:translate(3px,3px)}.input{border:var(--line);border-radius:var(--radius);background:var(--white);width:100%;min-height:44px;padding:8px 12px;font-weight:700}.input:focus{box-shadow:var(--shadow-sm);background:#fffdf2;outline:none}.input:disabled{background:#eee}.input-code{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:1.4rem}.hero{padding:28px 0 8px}.hero-kicker{background:var(--ink);color:var(--yellow);letter-spacing:.15em;margin:0;padding:4px 10px;font-size:.75rem;display:inline-block;transform:rotate(-2deg)}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:6px 6px 0 var(--pink);margin:12px 0;font-size:clamp(4rem,18vw,8rem);font-weight:400;line-height:.95}.hero-title span{color:var(--white);-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--blue)}.hero-lead{background:var(--yellow);border:var(--line);box-shadow:var(--shadow);margin:8px 0 0;padding:10px 14px;line-height:1.6;display:inline-block}.section{margin-top:32px}.section-title{font-family:var(--font-display);margin:0 0 14px;font-size:1.3rem;font-weight:400}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.game-card{background:var(--accent,var(--white));border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:16px;display:flex}.game-card-head{align-items:center;gap:10px;display:flex}.game-card-name{font-family:var(--font-display);font-size:1.4rem;font-weight:400}.game-card-main{text-align:left;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:10px;padding:0;display:flex}.game-card-main:disabled{cursor:default}.game-card-pickable{transition:transform 80ms,box-shadow 80ms}.game-card-pickable:has(.game-card-main:hover:not(:disabled)){box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.game-card-pickable:has(.game-card-main:active:not(:disabled)){box-shadow:none;transform:translate(4px,4px)}.game-card-unavailable{box-shadow:none}.game-card-unavailable .game-card-main{opacity:.55}.btn-rules{background:var(--white);align-self:flex-start}.header-rules{flex:none;padding:4px 8px}.game-card-selected{outline:4px solid var(--ink);outline-offset:3px}.game-card-note{border:var(--line-thin);background:var(--ink);color:var(--white);border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:.8rem}.game-card-warn{background:var(--white);color:var(--ink)}.game-scroll{scroll-snap-type:x mandatory;grid-auto-columns:minmax(210px,240px);grid-auto-flow:column;gap:14px;margin:0 -8px 8px -6px;padding:6px 8px 14px 6px;display:grid;overflow-x:auto}.game-scroll .game-card{scroll-snap-align:start}.game-scroll .game-tagline{font-size:.85rem}.picker-section{margin-bottom:18px}.picker-section .section-title small{font-family:var(--font-body);margin-left:6px;font-size:.8rem}.result-lobby-btn{margin-bottom:18px}.skip-btn{margin-top:12px}.wait-bar{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:6;border:var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;display:flex;position:sticky}.wait-bar-me{background:var(--yellow);animation:1.2s ease-in-out infinite pulse}.wait-text{margin:0;font-size:1.05rem}.wait-text strong{font-family:var(--font-display);font-weight:400}.game-emoji{background:var(--white);border:var(--line);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:1.8rem;display:inline-grid}.game-tagline{flex:1;margin:0;line-height:1.5}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li,.tags .tag{background:var(--white);border:var(--line-thin);border-radius:999px;padding:2px 10px;font-size:.8rem}.tags .tag-public{background:var(--green)}.join-form{gap:10px;display:flex}.footer{border:var(--line);background:var(--ink);color:var(--white);margin-top:40px;padding:12px 16px;font-size:.85rem;line-height:1.6}.footer p{margin:0}.room-header{align-items:center;gap:8px;margin-bottom:18px;display:flex}.logo{font-family:var(--font-display);color:var(--ink);text-shadow:3px 3px 0 var(--pink);font-size:1.6rem;text-decoration:none}.logo span{color:var(--white);-webkit-text-stroke:1.5px var(--ink)}.room-game{text-overflow:ellipsis;white-space:nowrap;border:var(--line-thin);background:var(--white);border-radius:999px;min-width:0;padding:2px 10px;font-weight:900;overflow:hidden}.room-code{font-family:var(--font-display);letter-spacing:.08em;margin-left:auto;font-weight:400}.conn-banner,.toast{z-index:20;border:var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius);max-width:calc(100% - 32px);padding:8px 14px;position:fixed;left:50%;transform:translate(-50%)}.conn-banner{top:calc(env(safe-area-inset-top,0px) + 8px);background:var(--yellow)}.toast{bottom:calc(env(safe-area-inset-bottom,0px) + 16px);background:var(--red);color:var(--white);animation:.2s ease-out pop}.waiting{text-align:center;padding:18px}.share{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.share-qr{border:var(--line);background:var(--white);flex:none;width:150px;height:150px}.share-qr svg{width:100%;height:100%;display:block}.share-body{flex:1;min-width:180px}.share-body p{margin:0 0 4px}.share-code{font-family:var(--font-display);letter-spacing:.12em;font-size:2.4rem}.share-url{word-break:break-all;font-size:.8rem}.share-actions{gap:8px;margin-top:8px;display:flex}.mini-tag{white-space:nowrap;border:var(--line-thin);background:var(--yellow);vertical-align:middle;border-radius:6px;margin-left:6px;padding:0 6px;font-size:.7rem;display:inline-block}.mini-tag-off{background:#ddd}.mini-tag-water{background:var(--blue)}.rules{background:var(--accent,var(--white))}.rules-title{font-family:var(--font-display);align-items:center;gap:10px;margin:0 0 8px;font-size:1.6rem;font-weight:400;display:flex}.rules-body{background:var(--white);border:var(--line-thin);border-radius:var(--radius);margin-top:12px;padding:14px}.rules-view{gap:16px;font-weight:500;line-height:1.65;display:grid}.rule-goal{background:var(--yellow);border:var(--line);border-radius:var(--radius);margin:0;padding:10px 12px;font-weight:900}.rule-section{gap:6px;display:grid}.rule-title{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:400}.rule-title:before{content:"■ ";color:var(--accent,var(--pink));-webkit-text-stroke:1px var(--ink)}.rule-steps,.rule-items{margin:0;padding-left:1.4em}.rule-steps li::marker{font-family:var(--font-display)}.rule-table-wrap{overflow-x:auto}.rule-table{border-collapse:collapse;border:var(--line-thin);width:100%;font-size:.92rem}.rule-table th,.rule-table td{border:var(--line-thin);text-align:left;vertical-align:top;padding:6px 10px}.rule-table th{background:var(--ink);color:var(--white);font-weight:900}.rule-table td:first-child{white-space:nowrap;font-weight:900}.rule-example{border:var(--line-thin);border-radius:var(--radius);background:#f1fbff;border-left-width:8px;padding:10px 12px}.rule-example:before{content:"例";background:var(--ink);color:var(--white);margin-bottom:4px;padding:0 8px;font-size:.8rem;font-weight:900;display:inline-block}.rule-example p{margin:0}.ra{background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:10px;padding:12px;display:grid}.ra-stage{background:radial-gradient(#1111111f 1.2px, transparent 1.2px) 0 0 / 14px 14px, var(--white);border:var(--line-thin);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:210px;animation:.25s ease-out fade;display:flex;position:relative;overflow:hidden}.ra-caption{align-items:center;gap:10px;min-height:56px;animation:.3s ease-out ra-slide-in;display:flex}.ra-step{background:var(--ink);width:40px;height:40px;color:var(--yellow);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;display:grid}.ra-caption-text{line-height:1.3;display:grid}.ra-caption-text b{font-family:var(--font-display);font-size:1.35rem;font-weight:400}.ra-caption-text small{color:var(--muted);font-size:.9rem}.ra-controls{align-items:center;gap:8px;display:flex}.ra-dots{flex:1;justify-content:center;gap:6px;display:flex}.ra-dot{border:var(--line-thin);background:var(--white);cursor:pointer;border-radius:50%;width:14px;height:14px;padding:0}.ra-dot-on{background:var(--accent,var(--pink));transform:scale(1.25)}.ra-play{min-width:88px}.rules-detail-head{font-family:var(--font-display);margin:6px 0 -4px;font-size:1.15rem;font-weight:400}.ra-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.ra-row-tight{gap:6px}.ra-col{flex-direction:column;align-items:center;gap:10px;display:flex}.ra-col-tight{gap:4px}.ra-total{min-width:96px;font-family:var(--font-display);background:var(--yellow);border:var(--line);border-radius:var(--radius);place-items:center;padding:4px 12px;font-size:2rem;display:inline-grid}.ra-swap{position:relative}.ra-swap>span{grid-area:1/1}.ra-swap-old{animation:.4s ease-in .9s forwards ra-out}.ra-swap-new{opacity:0;animation:.4s ease-out 1.2s forwards ra-pop}.ra-cards-fit{flex-wrap:nowrap;gap:8px}.ra-cards-fit .p-card{width:62px;height:88px}.ra-cards-fit .p-card-main{font-size:1.4rem}.ra-hand{margin-top:14px}.ra-bust{background:var(--red);color:var(--white)}.ra-arrow{font-family:var(--font-display);font-size:1.5rem}.ra-beer{background:var(--pink);border:var(--line);font-family:var(--font-display);border-radius:999px;padding:4px 12px;font-size:1.2rem}.ra-tag{background:var(--white);border:var(--line-thin);border-radius:999px;padding:2px 10px;font-weight:900}.ra-bubble{background:var(--white);border:var(--line);box-shadow:var(--shadow-sm);opacity:0;border-radius:14px;align-items:center;gap:4px;padding:6px 12px;font-weight:900;animation:.35s ease-out forwards ra-pop;display:inline-flex}.ra-bubble b{font-family:var(--font-display);font-size:1.3rem;font-weight:400}.ra-bubble-red{background:var(--red);color:var(--white)}.ra-bubble-ink{background:var(--ink);color:var(--white)}.ra-big{padding:2px 10px;font-size:1.8rem}.ra-wobble{animation:.35s ease-out forwards ra-pop,.9s ease-in-out .4s infinite ra-wobble}.ra-who{flex-direction:column;align-items:center;display:inline-flex}.ra-who-label{font-size:.75rem}.ra-hidden-dice{background:var(--ink);color:var(--white);letter-spacing:.2em;border-radius:8px;padding:6px 10px}.ra-hit>.die{animation:.3s ease-out forwards ra-hit;animation-delay:inherit}.ra-hit{display:inline-flex}.ra-pop{opacity:0;animation:.4s ease-out forwards ra-pop}.ra-play-up{animation:1.2s ease-in-out .5s both ra-play-up;display:inline-flex}.ra-flip{animation:.6s ease-out .3s both flip;display:inline-flex}.ra-hop{animation:.9s ease-in-out both ra-hop}.ra-shake-red .ra-bubble{background:var(--red);opacity:1;animation:.3s ease-in-out .5s 3 shake}.ra-bus{background:var(--yellow);border:var(--line);border-radius:16px 40px 16px 16px;align-items:center;gap:6px;padding:10px 14px;display:flex}.ra-bus-icon{font-size:2.2rem}.ra-face{border:var(--line);background:#ffe1ea;border-radius:50%;place-items:center;width:56px;height:56px;font-size:2.2rem;display:inline-grid;position:relative}.ra-face>span{grid-area:1/1}.ra-face-wolf .ra-face-pig{animation:3s ease-in-out infinite ra-blink-out}.ra-face-alt{opacity:0;animation:3s ease-in-out infinite ra-blink-in}.ra-house{background:var(--white);border:var(--line);border-radius:var(--radius) var(--radius) 4px 4px;flex-direction:column;align-items:center;width:92px;min-height:118px;padding:8px 4px;display:flex}.ra-house-emoji{font-size:1.8rem}.ra-house-name{font-family:var(--font-display);font-size:.8rem}.ra-house-pigs{gap:2px;font-size:1.3rem;display:flex}.ra-drop{animation:.5s ease-out both ra-drop}.ra-attacked{background:#ffd0c7;animation:.5s ease-in-out 1s 3 blow}.ra-wolf-run{font-size:2.2rem;animation:1s ease-in-out both ra-wolf-run}.ra-results{gap:8px;width:min(300px,100%);display:grid}.ra-result{background:var(--white);border:var(--line-thin);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:8px;padding:4px 12px;font-size:1.3rem;display:flex}.ra-result b{font-size:.95rem}.ra-mini-grid{grid-template-columns:repeat(var(--cols), 34px);gap:3px;display:grid}.ra-mini-grid>span{width:34px;height:34px;cursor:inherit;place-items:center;font-size:1rem;display:grid}.ra-pin{background:var(--white);border:2px solid var(--red);border-radius:50%;width:12px;height:12px;display:inline-block}.ra-pin-down{animation:.3s ease-in forwards ra-pin-down}@keyframes ra-pin-down{to{border-color:var(--ink);background:#bdbdbd;transform:translate(4px,-6px)rotate(70deg)scale(1.5,.55)}}.ra-roll{font-size:1.6rem;animation:1.2s ease-in .3s both ra-roll}@keyframes ra-roll{0%{transform:translateY(40px)}to{transform:translateY(-60px)}}.ra-fan{border:var(--line-thin);width:90px;height:90px;font-family:var(--font-display);background:#ffe14dcc;place-items:end center;padding-bottom:6px;display:grid}.ra-fan-narrow{clip-path:polygon(50% 100%,40% 0,60% 0)}.ra-fan-wide{clip-path:polygon(50% 100%,5% 0,95% 0)}.ra-cup{border:2px solid var(--white);width:18px;height:18px;box-shadow:0 0 0 1px var(--ink);background:radial-gradient(#f5c542 55%,#e03131 58%);border-radius:50%;display:inline-block}.ra-cup-taken{border-style:dashed;border-color:var(--muted);box-shadow:none;background:0 0}.ra-cup-sink{animation:.5s ease-out .9s both ra-cup-sink}@keyframes ra-cup-sink{50%{transform:scale(1.4)}to{border-style:dashed;border-color:var(--muted);box-shadow:none;background:0 0}}.ra-throw{font-size:1.2rem;animation:1.1s ease-out .3s both ra-throw}@keyframes ra-throw{0%{transform:translateY(40px)scale(1.4)}60%{transform:translateY(-50px)scale(1.8)}to{opacity:0;transform:translateY(-80px)scale(.8)}}@keyframes ra-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes ra-out{to{opacity:0;transform:translateY(-16px)}}@keyframes ra-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ra-play-up{0%{transform:translateY(0)}60%,to{transform:translateY(-14px)rotate(-6deg)scale(1.08)}}@keyframes ra-hop{0%{opacity:1;transform:translate(0)}40%{transform:translate(6px,-26px)}to{opacity:.25;transform:translate(16px,30px)}}@keyframes ra-hit{to{background:var(--yellow);transform:translateY(-4px)scale(1.15)}}@keyframes ra-wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes ra-blink-out{0%,30%,70%,to{opacity:1}40%,60%{opacity:0}}@keyframes ra-blink-in{0%,30%,70%,to{opacity:0}40%,60%{opacity:1}}@keyframes ra-drop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes ra-wolf-run{0%{transform:translate(140px)}to{transform:translate(-100px)}}.modal-backdrop{z-index:30;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));background:#1111118c;justify-content:center;align-items:center;animation:.15s ease-out fade;display:flex;position:fixed;inset:0;overflow:hidden}.modal{background:var(--white);border:var(--line);border-radius:var(--radius);width:min(680px,100%);min-height:0;max-height:100%;box-shadow:8px 8px 0 var(--ink);flex-direction:column;animation:.2s ease-out pop;display:flex;overflow:hidden}.modal-head{background:var(--accent,var(--yellow));border-bottom:var(--line);border-radius:var(--radius) var(--radius) 0 0;flex:none;padding:14px 56px 12px 16px;position:relative}.modal-head .rules-title{margin:0}.modal-kicker{background:var(--ink);color:var(--yellow);margin:0 0 8px;padding:2px 10px;font-size:.85rem;display:inline-block}.modal-close{position:absolute;top:12px;right:12px}.modal-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:16px;overflow-y:auto}.modal-foot{border-top:var(--line);flex:none;padding:12px 16px}@keyframes fade{0%{opacity:0}to{opacity:1}}.player-list,.ranking{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.player-row,.ranking-row{border:var(--line-thin);border-radius:var(--radius);background:var(--white);align-items:center;gap:10px;padding:6px 8px;display:flex}.player-row-mine{background:#fff6c2}.seat-no{font-family:var(--font-display);text-align:center;width:1.6em}.player-name{overflow-wrap:anywhere;flex:1;min-width:0}.drinks{white-space:nowrap;font-weight:900}.row-actions{gap:4px;display:flex}.add-player{gap:8px;margin-top:8px;display:flex}.config-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.field{gap:4px;font-size:.9rem;display:grid}.start-bar{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:5;position:sticky}.avatar{border:var(--line-thin);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid}.avatar-sm{width:26px;height:26px;font-size:.95rem}.avatar-md{width:38px;height:38px;font-size:1.3rem}.avatar-lg{border-width:3px;width:72px;height:72px;font-size:2.6rem}.chip{border:var(--line-thin);background:var(--white);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:.9rem;display:inline-flex}.chip-active{background:var(--yellow);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.chip-dim{opacity:.55}.chip-badge{background:var(--ink);color:var(--white);border-radius:999px;padding:0 6px;font-size:.72rem}.seat-row{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.seat-row-dim{margin-top:-4px}.game{display:block}.turn-banner{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;font-size:1.1rem;display:flex}.hand-active{outline:4px dashed var(--ink);outline-offset:4px;background:#fffbe0}.warn{background:var(--red);color:var(--white);border:var(--line-thin);border-radius:var(--radius);margin:8px 0;padding:6px 10px}.stage-label{background:var(--ink);color:var(--white);font-family:var(--font-display);letter-spacing:.1em;margin:0 0 8px;padding:2px 10px;font-size:.85rem;display:inline-block}.big-status{font-family:var(--font-display);margin:4px 0 10px;font-size:1.4rem;line-height:1.4}.big-status small{font-family:var(--font-body);font-size:.9rem}.safe-banner{text-align:center;font-family:var(--font-display);background:var(--green);border:var(--line);border-radius:var(--radius);margin:0 0 10px;padding:12px;font-size:1.2rem}.log{flex-wrap:wrap;gap:6px;font-size:.85rem;display:flex}.log-item{border:var(--line-thin);background:var(--white);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.reveal-hands{gap:8px;display:grid}.reveal-hand{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reveal-hand-cards{gap:4px;display:flex}.hotseat-bar{border:var(--line);border-radius:var(--radius);background:var(--ink);color:var(--white);justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;display:flex}.hotseat-bar span{align-items:center;gap:6px;display:inline-flex}.curtain{background:var(--purple);text-align:center}.curtain-lead{margin:0 0 8px}.curtain-name{font-family:var(--font-display);justify-content:center;align-items:center;gap:12px;margin:8px 0 16px;font-size:2rem;display:flex}.curtain-others{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.hold{border:var(--line);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:repeating-linear-gradient(45deg,#eee,#eee 10px,#fff 10px 20px);width:100%;min-height:72px;margin:10px 0;display:block}.hold-open{background:var(--white)}.hold-label{font-weight:900}.role-card{font-family:var(--font-display);padding:12px;font-size:1.6rem;display:block}.role-wolf{color:var(--white);background:#8a94a6}.role-pig{background:#ffb3c7}.board-total{text-align:center;background:var(--yellow)}.board-total-hot{background:var(--red);color:var(--white);animation:.9s ease-in-out infinite pulse}.total-num{font-family:var(--font-display);font-size:clamp(4rem,22vw,7rem);line-height:1}.total-num small{font-size:.35em}.board-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.direction{border:var(--line-thin);background:var(--white);color:var(--ink);border-radius:999px;padding:2px 10px}.last-play{align-items:center;gap:6px;display:inline-flex}.last-play em{font-size:.8rem;font-style:normal}.p-card{border:var(--line);background:var(--white);width:74px;height:104px;color:var(--ink);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.p-card-sm{border-width:2px;border-radius:5px;width:38px;height:52px}.p-card-main{font-family:var(--font-display);font-size:1.9rem;line-height:1}.p-card-sm .p-card-main{font-size:.95rem}.p-card-sub{margin-top:6px;font-size:.65rem}.p-card-sm .p-card-sub{display:none}.p-card-hot{background:var(--orange)}.p-card-pm{background:var(--blue)}.p-card-calm{background:var(--green)}.p-card-max{background:var(--pink)}.hand-cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hand-card{cursor:pointer;filter:drop-shadow(4px 4px 0 var(--ink));background:0 0;border:none;padding:0;transition:transform 80ms;position:relative}.hand-card:hover:not(:disabled){transform:translateY(-6px)rotate(-2deg)}.hand-card:active:not(:disabled){transform:translateY(2px)}.hand-card:disabled{cursor:default;filter:none;opacity:.8}.hand-card .p-card{width:88px;height:124px}.hand-card-bust .p-card{background-image:repeating-linear-gradient(45deg,#ff4d4d59 0 8px,#0000 8px 16px)}.bust-tag{background:var(--red);color:var(--white);border:var(--line-thin);border-radius:6px;padding:0 6px;font-size:.72rem;position:absolute;top:-10px;right:-10px}.pm-choice{justify-content:center;gap:10px;margin-top:14px;display:flex}.board-bid{background:var(--green);text-align:center}.board-bid .muted{color:var(--ink);margin:0 0 8px}.bid-big{flex-direction:column;align-items:center;gap:8px;font-size:1.1rem;display:flex}.bid-text{font-family:var(--font-display);align-items:center;gap:10px;font-size:1.6rem;display:inline-flex}.bid-text strong{font-size:2.8rem;font-weight:400}.die{border:var(--line);background:var(--white);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:9px;flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:6px;display:inline-grid}.die-sm{width:28px;height:28px;box-shadow:none;border-width:2px;border-radius:6px;padding:3px}.die>span{display:block}.die .pip{background:var(--ink);border-radius:50%;width:70%;height:70%;margin:auto}.die-hit{background:var(--yellow);transform:translateY(-3px)}.dice-row{flex-wrap:wrap;gap:10px;display:flex}.hint{margin:10px 0 0;font-size:.85rem}.bid-form{gap:12px;margin-top:16px;display:grid}.stepper{justify-content:center;align-items:center;gap:16px;display:flex}.stepper-value{font-family:var(--font-display);text-align:center;min-width:3.5em;font-size:2rem}.face-picker{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.face-btn{border:var(--line);border-radius:var(--radius);background:var(--white);cursor:pointer;padding:6px}.face-btn-on{background:var(--yellow);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.bid-actions{grid-template-columns:1fr auto;gap:10px;display:grid}.reveal-count{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.2rem;display:flex}.reveal-count strong{font-family:var(--font-display);font-size:2rem;font-weight:400}.board-cards{background:var(--blue);text-align:center}.trump-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;min-height:120px;display:flex}.trump{border:var(--line);background:var(--white);width:62px;height:88px;box-shadow:var(--shadow-sm);font-family:var(--font-display);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.trump-big{width:86px;height:120px;animation:.35s ease-out flip}.trump-red{color:#e0182d}.trump-back{background:repeating-linear-gradient(45deg, var(--pink), var(--pink) 8px, var(--yellow) 8px, var(--yellow) 16px);font-size:2.4rem;animation:none}.trump-rank{font-size:1.6rem;line-height:1}.trump-big .trump-rank{font-size:2.2rem}.trump-suit{font-size:1.4rem}.question{font-family:var(--font-display);margin:14px 0 0;font-size:1.35rem}.bus-label{margin:0 0 6px;display:inline-block}.guess-grid{gap:12px;display:grid}.guess-grid-2{grid-template-columns:1fr 1fr}.guess-grid-4{grid-template-columns:repeat(4,1fr)}.guess-grid-4 .btn{font-size:2rem}.animal-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.animal-cell{border:var(--line);border-radius:var(--radius);background:var(--white);flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:8px 4px;display:flex}.animal-cell-hit{background:var(--red);color:var(--white);animation:.4s ease-in-out 2 shake}.animal-btn{cursor:pointer;box-shadow:var(--shadow-sm)}.animal-btn:active{box-shadow:none;transform:translate(3px,3px)}.animal-btn-on{background:var(--yellow);outline:4px solid var(--ink);outline-offset:2px}.animal-emoji{border:var(--line-thin);border-radius:50%;place-items:center;width:52px;height:52px;font-size:2rem;display:grid}.animal-name{font-size:.85rem}.animal-pickers{flex-direction:column;align-items:center;font-size:.78rem;line-height:1.3;display:flex}.stray{background:var(--ink);color:var(--white);border-radius:6px;padding:0 6px}.houses{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.house{border:var(--line);border-radius:var(--radius) var(--radius) 4px 4px;flex-direction:column;align-items:center;gap:4px;min-height:120px;padding:12px 6px;display:flex;position:relative}.house-straw{background:#ffe9a8}.house-wood{background:#e3b27a}.house-brick{background:#ff8f7a}.house-btn{cursor:pointer;box-shadow:var(--shadow)}.house-btn:active{box-shadow:none;transform:translate(4px,4px)}.house-selected{outline:5px solid var(--ink);outline-offset:3px;box-shadow:none;transform:translate(3px,3px)}.house-emoji{font-size:2.4rem;line-height:1}.house-name{font-family:var(--font-display);font-size:.95rem}.house-pigs{flex-direction:column;align-items:center;font-size:.8rem;display:flex}.house-attacked{animation:.6s ease-in-out 2 blow}.wolf-mark{font-size:2.2rem;animation:.4s ease-out pop;position:absolute;top:-18px;right:-10px}.wolf-round+.wolf-round{border-top:var(--line-thin);margin-top:16px;padding-top:12px}.wolf-result{font-family:var(--font-display);text-align:center;margin:12px 0 0;font-size:1.3rem}.loser-panel{text-align:center;padding:24px 16px}.loser-kicker{margin:0 0 8px;font-weight:900}.loser{flex-direction:column;align-items:center;gap:6px;animation:.4s ease-out pop;display:flex}.loser-name{font-family:var(--font-display);margin:0;font-size:clamp(2.4rem,12vw,4rem);line-height:1.1}.loser-penalty{font-family:var(--font-display);background:var(--yellow);border:var(--line);margin:0 0 8px;padding:4px 12px;font-size:1.5rem;transform:rotate(-2deg)}.loser-reason{background:var(--white);border:var(--line-thin);border-radius:var(--radius);margin:14px 0 0;padding:8px}.roulette-name{font-family:var(--font-display);margin:8px 0;font-size:3rem}.roulette-done .roulette-name{animation:.3s ease-out pop}.result-actions{gap:10px;margin-bottom:18px;display:grid}.final-board summary{cursor:pointer;font-weight:900}.final-board[open] summary{margin-bottom:12px}.greedy-board{text-align:center}.greedy-last{border:var(--line-thin);border-radius:var(--radius);background:var(--green);margin:0 0 10px;padding:6px 10px}.greedy-last-bust{background:var(--red);color:var(--white)}.greedy-last em{font-style:normal}.greedy-dice-row{justify-content:center;align-items:center;gap:14px;min-height:72px;display:flex}.greedy-die{animation:.42s ease-out greedy-roll;display:inline-block}.greedy-die .die{width:64px;height:64px;padding:8px}.greedy-die-bust .die{background:var(--red)}.greedy-die-bust .die .pip{background:var(--white)}.greedy-ready{font-family:var(--font-display);color:var(--muted);font-size:1.2rem}.greedy-total{font-family:var(--font-display);font-size:clamp(3.5rem,18vw,6rem);line-height:1.1}.greedy-total small{font-size:.35em}.greedy-history{overflow-wrap:anywhere;margin:0 0 6px;font-size:.85rem}.greedy-target{border:var(--line-thin);background:var(--yellow);border-radius:999px;margin:4px 0 10px;padding:4px 12px;display:inline-block}.greedy-target-safe{background:var(--green)}.greedy-actions{grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 10px;display:grid}.greedy-actions .btn{flex-direction:column;gap:0}.greedy-actions small{font-family:var(--font-body);font-size:.8rem}.greedy-scores{gap:6px;margin:0;padding:0;list-style:none;display:grid}.greedy-scores li{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;display:flex}.greedy-score-low{background:#ffe0e0}.greedy-score{font-family:var(--font-display);font-size:1.1rem}@keyframes greedy-roll{0%{opacity:0;transform:rotate(-200deg)scale(.5)}70%{opacity:1;transform:rotate(15deg)scale(1.1)}to{transform:rotate(0)scale(1)}}.mine-info{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 0 10px;display:flex}.mine-grid{grid-template-columns:repeat(var(--cols), 1fr);gap:5px;max-width:460px;margin:0 auto;display:grid}.mine-cell{aspect-ratio:1;border:var(--line-thin);background:var(--purple);min-width:0;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;border-radius:7px;padding:0;font-size:clamp(1rem,5vw,1.6rem)}.mine-cell:disabled{cursor:default}.mine-open{background:var(--white);box-shadow:none}.mine-n0{color:#b5b5b5}.mine-n1{color:#1c6fd1}.mine-n2{color:#1d8a3a}.mine-n3{color:#d62828}.mine-n4,.mine-n5,.mine-n6,.mine-n7,.mine-n8{color:#6a1fb0}.mine-last{outline:3px solid var(--orange);outline-offset:-3px}.mine-selected{background:var(--yellow);box-shadow:none;animation:.7s ease-in-out infinite pulse;transform:translate(2px,2px)}.mine-mine{box-shadow:none;background:#ffd6d6}.mine-boom{background:var(--red);animation:.3s ease-in-out 3 shake}.mine-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:68px;margin:12px 0 6px;display:flex}.btn-amber{background:var(--amber)}.glass-table{width:100%;max-width:320px;max-height:48vh;margin:0 auto;display:block}.glass-floor{fill:#3a3a3a}.glass-floor-text{fill:#ffb3b3;font-size:7px;font-weight:900}.glass-wood{fill:#d9a066;stroke:var(--ink);stroke-width:1.5px}.glass-edge{stroke:var(--red);stroke-width:2.5px}.glass-tick{stroke:#1111112e;stroke-width:.6px;stroke-dasharray:2 2}.glass-tick-text{fill:var(--muted);font-size:6px}.glass-mark circle{stroke:var(--ink);stroke-width:1px}.glass-ghost circle{stroke:var(--ink);stroke-width:.8px;stroke-dasharray:1.5 1.5}.glass-spread{fill:#ffe14d8c}.glass-target{stroke:var(--ink);stroke-width:.8px;stroke-dasharray:3 2}.glass-controls{gap:10px;margin-top:12px;display:grid}.glass-slider{grid-template-columns:5.5em 1fr;align-items:center;gap:10px;display:grid}.glass-slider input{width:100%;accent-color:var(--ink);height:32px}.glass-fine{text-align:center;justify-content:space-between;align-items:center;gap:10px;display:flex}.glass-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.glass-list li{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;display:flex}.glass-worst{background:#ffe0e0}.glass-dist{font-family:var(--font-display);font-size:1.05rem}.ra-table{border:var(--line-thin);border-top:4px solid var(--red);background:#d9a066;border-radius:4px;width:110px;height:170px;position:relative;overflow:visible;container-type:size}.ra-glass{position:absolute;transform:translate(-50%)}.ra-glass-slide{animation:1.1s cubic-bezier(.2,.7,.3,1) both ra-glass-slide}.ra-glass-fall{animation:1.7s ease-out both ra-glass-slide-fall}@keyframes ra-glass-slide{0%{transform:translate(-50%, var(--from))}to{transform:translate(-50%)}}@keyframes ra-glass-slide-fall{0%{transform:translate(-50%, var(--from))}60%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)scale(.6)rotate(40deg)}}.btn-teal{background:var(--teal)}.btn-coral{background:var(--coral)}.aim-controls{gap:10px;margin-top:12px;display:grid}.throw-bar{bottom:max(10px, env(safe-area-inset-bottom));z-index:5;margin-top:12px;position:sticky}.throw-bar .btn{box-shadow:var(--shadow)}.fine-slider{grid-template-columns:auto 1fr auto;grid-template-areas:"label label label""minus range plus";align-items:center;gap:4px 8px;display:grid}.fine-slider-label{grid-area:label}.fine-slider-label b{font-family:var(--font-display);margin-left:4px;font-weight:400}.fine-slider>button:first-of-type{grid-area:minus}.fine-slider>input{width:100%;height:32px;accent-color:var(--ink);grid-area:range}.fine-slider>button:last-of-type{grid-area:plus}.score-list{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.score-list li{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;display:flex}.score-low{background:#ffe0e0}.score-value{font-family:var(--font-display);font-size:1.05rem}.bowling-lane{touch-action:manipulation;width:100%;max-width:300px;max-height:48vh;margin:0 auto;display:block}.bowling-gutter{fill:#6b6b6b}.bowling-pit{fill:#2b2b2b}.bowling-wood{fill:#e8c48f;stroke:var(--ink);stroke-width:1px}.bowling-arrow{fill:#b5793d}.bowling-foul{stroke:var(--red);stroke-width:1px}.bowling-pin{fill:var(--white);stroke:var(--red);stroke-width:1.4px}.bowling-spot{fill:#11111140}.bowling-pin-lying{fill:#bdbdbd;stroke:var(--ink);stroke-width:.6px}.bowling-pin-stripe{stroke:var(--red);stroke-width:1px}.bowling-ball{fill:#3b5bdb;stroke:var(--ink);stroke-width:1px}.bowling-aim{stroke:var(--ink);stroke-width:.8px;stroke-dasharray:3 2}.bowling-spread{fill:#ffe14d8c}.bowling-live{text-align:center;margin:10px 0 0;font-size:1.1rem}.bowling-live b{font-family:var(--font-display);font-size:1.8rem;font-weight:400}.bowling-result,.pong-result{text-align:center;font-family:var(--font-display);margin:10px 0 0;font-size:1.8rem;animation:.4s ease-out pop}.bowling-strike{color:var(--red)}.pong-table{touch-action:manipulation;width:100%;max-width:420px;max-height:44vh;margin:0 auto;display:block}.pong-wood{fill:#2f7a4f;stroke:var(--ink);stroke-width:1px}.pong-cup{fill:#e03131;stroke:var(--white);stroke-width:1px}.pong-beer{fill:#f5c542}.pong-cup-taken{fill:none;stroke:#fff9;stroke-width:.6px;stroke-dasharray:1.5 1.5}.pong-spread{fill:#ffe14d73;stroke:var(--yellow);stroke-width:.5px}.pong-cross{stroke:var(--white);stroke-width:.8px}.pong-ball{fill:var(--white);stroke:var(--ink);stroke-width:.5px}.pong-shadow{fill:#00000059}.pong-result-in{color:#1d8a3a}.pong-result-rim{color:var(--orange)}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)rotate(-2deg)}75%{transform:translate(4px)rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes blow{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)translate(-6px)}60%{transform:rotate(5deg)translate(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.ra-pop,.ra-bubble,.ra-swap-new{opacity:1!important}.ra-swap-old,.ra-face-alt{opacity:0!important}}@media (width<=420px){.logo{font-size:1.25rem}.room-code{padding:4px 8px}.guess-grid-4{grid-template-columns:1fr 1fr}.bid-actions{grid-template-columns:1fr}.mine-grid{gap:3px}}