:root{--hay:#fdf1d6;--hay-dark:#f3dfb4;--panel:#fffaf0;--ink:#3b2a22;--muted:#8c735f;--line:#ead7b0;--barn:#c8553d;--barn-dark:#9e3d2a;--wood:#c18a55;--wood-dark:#8a5a32;--grass:#7bb662;--grass-dark:#5a9447;--top-zone:0px;--bottom-zone:0px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;background:repeating-linear-gradient(0deg, transparent 0 46px, #00000008 46px 48px), var(--hay);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,sans-serif}.page{max-width:480px;padding:0 16px calc(40px + var(--bottom-zone));flex-direction:column;gap:14px;margin:0 auto;display:flex}.room-header{z-index:5;padding:calc(10px + var(--top-zone)) 16px 10px;background:var(--barn);border-bottom:4px solid var(--barn-dark);justify-content:space-between;align-items:center;margin:0 -16px;display:flex;position:sticky;top:0}.logo{color:var(--panel);font-size:15px;font-weight:800;text-decoration:none}.code{letter-spacing:1px;background:var(--panel);color:var(--barn-dark);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.home{padding-top:var(--top-zone)}.hero{text-align:center;padding:28px 0 4px}.hero h1{color:var(--barn-dark);letter-spacing:-1px;margin:4px 0 8px;font-size:32px}.hero-sub{color:var(--wood-dark);margin:0;font-size:14px;font-weight:700}.hero-image{aspect-ratio:1;border:4px solid var(--panel);width:100%;max-width:230px;height:auto;box-shadow:0 4px 0 var(--hay-dark);border-radius:24px;margin:6px auto 12px;display:block}.panel{background:var(--panel);border:3px solid var(--line);box-shadow:0 4px 0 var(--hay-dark);border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex}.row{gap:8px;display:flex}.row input{flex:1;min-width:0}input{border:3px solid var(--line);background:var(--hay);color:var(--ink);border-radius:14px;padding:12px 14px;font-size:17px}button{font:inherit;cursor:pointer;touch-action:manipulation;border:none;border-radius:16px;padding:12px 16px;font-weight:800}button:disabled{opacity:.45;cursor:default}.primary{background:var(--grass);color:var(--panel);box-shadow:0 4px 0 var(--grass-dark)}.secondary{background:var(--wood);color:var(--panel);box-shadow:0 4px 0 var(--wood-dark)}.primary:active:not(:disabled),.secondary:active:not(:disabled){box-shadow:0 1px 0 var(--grass-dark);transform:translateY(3px)}.link{color:var(--muted);background:0 0;font-weight:600}.big{padding:16px;font-size:20px}.hand{background:var(--barn);color:var(--panel);box-shadow:0 7px 0 var(--barn-dark);-webkit-user-select:none;user-select:none;border-radius:26px;padding:24px 16px;font-size:28px}.hand:active:not(:disabled){box-shadow:0 2px 0 var(--barn-dark);transform:translateY(5px)}.hint{color:var(--muted);text-align:center;margin:0}.small{font-size:13px}.error{color:var(--barn-dark);background:#ffe1d6;border-radius:12px;margin:0;padding:10px 14px;font-weight:600}.banner{background:var(--wood-dark);color:var(--panel);text-align:center;border-radius:14px;margin:0;padding:10px 14px;font-weight:800}.circle{aspect-ratio:1;width:100%;position:relative}.table{background:var(--wood-dark);border-radius:50%;padding:7px;position:absolute;inset:24%;box-shadow:0 8px #0002}.table-top{background:repeating-radial-gradient(circle at 40% 35%, #0000 0 10px, #0000000c 10px 12px), var(--wood);text-align:center;color:#fff3dd;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:700;display:flex}.table-top strong{color:var(--panel);text-shadow:0 2px 0 var(--wood-dark);font-size:26px}.next-number{line-height:1;font-size:60px!important}.countdown{font-size:68px!important}.winner{word-break:keep-all;padding:0 8px;font-size:22px!important}.seat{position:absolute;transform:translate(-50%,-50%)}.character{flex-direction:column;align-items:center;transition:opacity .2s;display:flex;position:relative}.character .name{text-overflow:ellipsis;white-space:nowrap;background:var(--panel);border:2px solid var(--line);border-radius:999px;max-width:76px;margin-top:-4px;padding:1px 7px;font-size:12px;font-weight:800;overflow:hidden}.character.me .name{border-color:var(--barn);color:var(--barn-dark)}.character .animal{overflow:visible}.character .paw{transition:transform .18s cubic-bezier(.3,1.6,.6,1)}.character.raised .paw{transform:translate(-2px,-30px)}.circle.crowded .character .animal{width:48px;height:48px}.circle.crowded .character .name{max-width:64px;font-size:11px}.character.raised .animal{animation:.3s ease-out hop}.character.out{opacity:.35;filter:grayscale(.6)}.character.caught .animal{animation:.4s 3 shake}.badge{background:var(--panel);color:var(--wood-dark);border:2px solid var(--wood-dark);z-index:1;border-radius:7px;padding:1px 7px;font-size:12px;font-weight:900;position:absolute;top:-16px;right:-12px}.character.caught .badge{background:var(--barn);border-color:var(--barn-dark);color:var(--panel)}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.settings{flex-direction:column;gap:10px;display:flex}.setting{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.seg{gap:6px;display:flex}.seg button{background:var(--hay);color:var(--ink);border:3px solid var(--line);flex:1;padding:10px 6px;font-size:14px}.seg button.on{border-color:var(--wood-dark);background:var(--wood);color:var(--panel)}.seg button:disabled{opacity:1;cursor:default}.seg button:disabled:not(.on){opacity:.5}.bars{flex-direction:column;gap:8px;display:flex}.bar{grid-template-columns:72px 1fr;align-items:center;gap:8px;font-size:14px;font-weight:800;display:grid}.track{background:var(--hay-dark);border-radius:999px;height:16px;overflow:hidden}.fill{background:var(--barn);height:100%;transition:width .1s}.log{color:var(--muted);margin:0;padding-left:20px;font-size:14px}.header-right{align-items:center;gap:8px;display:flex}.menu-button{background:var(--panel);box-shadow:0 2px 0 var(--barn-dark);border-radius:999px;padding:4px 8px;font-size:16px;line-height:1}.home{position:relative}.home-menu{top:calc(12px + var(--top-zone));box-shadow:0 2px 0 var(--hay-dark);border:2px solid var(--line);position:absolute;right:16px}.sheet-backdrop{z-index:20;padding:16px 16px calc(16px + var(--bottom-zone));background:#3b2a2266;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:448px;animation:.2s ease-out rise}.sheet h2{color:var(--barn-dark);text-align:center;margin:0;font-size:18px}.toggles{flex-direction:column;gap:8px;display:flex}.toggle{background:var(--hay);border:2px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:800;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--grass-dark)}.info{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.info dt{color:var(--muted);font-weight:800}.info dd{margin:0}.info a,.link.inline{color:var(--barn-dark);padding:0;font-size:13px;font-weight:700;text-decoration:underline}.grow{flex:1}.danger{background:var(--barn);box-shadow:0 4px 0 var(--barn-dark)}.warn{color:var(--barn-dark);font-weight:800;animation:.8s ease-in-out infinite pulse}.loading{padding:40px 0;font-weight:700;animation:1.2s ease-in-out infinite pulse}.drumroll{color:var(--panel);font-size:20px;font-weight:900;animation:.25s infinite shake}.reveal{flex-direction:column;align-items:center;animation:.5s cubic-bezier(.3,1.6,.6,1) pop;display:flex}.confetti{text-align:center;letter-spacing:12px;font-size:28px;animation:.5s ease-out pop,1.4s ease-in-out .5s infinite bob}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.stage-wrap{width:100%;position:relative}.circle.stage{background:var(--hay-dark);border-radius:18px;overflow:hidden}.circle.stage.pending{visibility:hidden;position:absolute;inset:0}.stage-host,.stage-canvas{width:100%;height:100%;position:absolute;inset:0}.stage-canvas{pointer-events:none;display:block}.stage-loading{background:var(--panel);border:2px solid var(--line);color:var(--wood-dark);pointer-events:none;white-space:nowrap;border-radius:999px;flex-direction:column;align-items:center;gap:4px;padding:4px 10px 6px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.stage-progress{background:var(--line);border-radius:999px;width:120px;height:4px;display:block;overflow:hidden}.stage-progress span{background:var(--barn);height:100%;transition:width .2s;display:block}.stage-center{text-align:center;color:var(--panel);text-shadow:0 2px 0 var(--wood-dark);pointer-events:none;flex-direction:column;align-items:center;font-size:13px;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%)}.stage-center strong{color:var(--panel);font-size:26px}.stage-label{pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.label{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.label .badge{font-size:14px;animation:.3s ease-out hop;position:static}.label .name{text-overflow:ellipsis;white-space:nowrap;background:var(--panel);border:2px solid var(--line);border-radius:999px;max-width:76px;padding:1px 7px;font-size:11px;font-weight:800;overflow:hidden}.label.me .name{border-color:var(--barn);color:var(--barn-dark)}.label.out{opacity:.5}.label.caught .badge{background:var(--barn);border-color:var(--barn-dark);color:var(--panel)}.stage-center .next-number{font-size:44px!important}.stage-center .countdown{font-size:52px!important}.stage-center .winner{font-size:20px!important}