:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11153b;--surface:#19204c;--surface-strong:#20285a;--surface-quiet:#151a43;--line:#5f6097;--line-strong:#aaa0ff;--ink:#f7f4ff;--muted:#b7b2d2;--lilac:#aaa0ff;--lilac-deep:#8178db;--mint:#79edda;--yellow:#ffe363;--navy:#151638;--danger:#ff9b8d;--run:#263360;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--font:"Fredoka", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}button,input{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}img{max-width:100%}#root{justify-content:center;display:flex}.app{isolation:isolate;width:min(1200px,100%);min-height:100vh;padding:20px 32px 72px;position:relative;overflow:hidden}.sky{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.sky-deco{object-fit:contain;opacity:.26;position:absolute}.sky-deco-a{width:22px;top:20%;right:18px}.sky-deco-b{width:48px;top:36%;right:42px}.sky-deco-d{width:20px;bottom:11%;right:20px}.sky-deco-e{width:52px;bottom:5%;right:90px}.sky-deco-f{width:38px;top:50%;right:8px}.sky-deco-g{width:24px;top:38%;left:12px}.sky-deco-h{width:72px;bottom:13%;left:12px}.sky-deco-i{width:28px;bottom:35%;right:12px}.sky-home .sky-deco-b,.sky-home .sky-deco-e,.sky-home .sky-deco-f,.sky-home .sky-deco-g,.sky-home .sky-deco-h,.sky-home .sky-deco-i{display:none}.sky-lobby .sky-deco-h{width:92px;bottom:18%;left:3%}.sky-play .sky-deco-h{width:78px;bottom:8%;left:auto;right:4%}.sky-result .sky-deco-h{width:96px;bottom:5%;left:2%}.sky-rules .sky-deco-h{width:88px;bottom:9%;left:auto;right:4%}.jelly-img{object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.brand-jelly,.hero-jelly,.boot-jelly,.result-jelly,.lobby-jelly,.rules-jelly,.scene-jelly,.cell-jelly,.draw-jelly{animation:3.6s ease-in-out infinite float}.masthead{z-index:5;justify-content:space-between;align-items:center;gap:16px;max-width:1040px;min-height:44px;margin:0 auto 28px;display:flex;position:relative}.brand-wrap{align-items:center;gap:10px;display:flex}.brand-jelly{width:42px;height:42px}.brand-action-art{object-fit:contain;width:42px;height:42px}.brand{color:var(--lilac);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.brand-btn{background:0 0;border:0;padding:4px 0}.icon-btn{background:var(--surface);color:var(--yellow);border:1px solid #0000;border-radius:999px;align-items:center;gap:3px;height:42px;padding:0 13px 0 6px;font-size:13px;font-weight:650;display:inline-flex}.icon-btn:hover{border-color:var(--yellow)}.icon-btn img{object-fit:contain;border-radius:10px;width:30px;height:30px}.stack{z-index:1;flex-direction:column;gap:18px;display:flex;position:relative}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eyebrow{color:var(--mint);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.sub{color:var(--muted);margin:6px 0 0;font-size:14px}label.field{color:var(--muted);letter-spacing:.08em;flex-direction:column;flex:1;gap:7px;min-width:180px;font-size:12px;font-weight:650;display:flex}input[type=text]{background:var(--surface-quiet);border:2px solid var(--line);border-radius:var(--radius-md);min-height:48px;padding:10px 16px;transition:border-color .16s,background-color .16s}input[type=text]::placeholder{color:#77769d}input[type=text]:hover{border-color:var(--line-strong)}input[type=text]:focus{background:var(--surface);border-color:var(--mint);outline-offset:0}input[aria-invalid=true]{border-color:var(--danger)}.btn{background:var(--mint);color:var(--navy);letter-spacing:.01em;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:122px;min-height:50px;padding:11px 24px;font-weight:700;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--yellow);min-width:148px}.btn-quiet{border-color:var(--line);color:var(--ink);background:0 0}.btn-quiet:hover:not(:disabled){border-color:var(--lilac)}.btn-compact{min-width:82px;padding-inline:20px}.btn-copy{gap:8px;min-width:132px}.btn-copy.is-copied{background:var(--mint)}.btn-inline-icon{object-fit:contain;border-radius:7px;width:22px;height:22px}.btn-copy .btn-inline-icon{width:44px;height:30px}.btn-with-art,.action-btn{gap:9px}.btn-art{object-fit:contain;flex:none;width:48px;height:48px}.btn-art-sm{width:34px;height:34px}.rules-footer .btn-art{background:var(--navy);border-radius:999px;width:62px;height:34px;padding:3px 4px}.btn:disabled{cursor:not-allowed;opacity:.45}.linkish{color:var(--mint);text-underline-offset:4px;background:0 0;border:0;align-self:flex-start;align-items:center;gap:7px;padding:6px 0;font-weight:650;text-decoration:underline;display:inline-flex}.link-icon{object-fit:contain;border-radius:7px;width:22px;height:22px}.error{color:var(--danger);align-items:center;gap:7px;margin:-2px 0 0;font-size:13px;display:flex}.error:before{background:var(--danger);content:"";border-radius:50%;width:6px;height:6px}.home-layout{z-index:1;grid-template-columns:minmax(0,560px) minmax(300px,1fr);align-items:center;gap:clamp(40px,7vw,84px);max-width:1040px;min-height:calc(100vh - 176px);margin:0 auto;display:grid;position:relative}.hero{max-width:560px}.hero-mark{align-items:flex-end;gap:14px;margin-bottom:2px;display:flex}.hero-mark span{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-bottom:14px;padding:7px 12px;font-size:12px}.hero-jelly{width:112px;height:112px}.hero-copy h1{color:var(--ink);letter-spacing:-.045em;margin:7px 0 16px;font-size:clamp(36px,5.2vw,58px);font-weight:700;line-height:1.08}.hero-copy>p:last-child{color:var(--muted);max-width:510px;margin:0;line-height:1.75}.home-form{gap:14px;margin-top:6px;display:grid}.resume-card{background:var(--surface);border:2px solid var(--mint);border-radius:var(--radius-md);color:var(--ink);text-align:left;align-items:center;gap:12px;padding:9px 14px 9px 8px;display:flex}.resume-card:hover{background:var(--surface-strong)}.resume-card span{flex-direction:column;display:flex}.resume-card small{color:var(--mint)}.resume-card strong{font-size:15px}.resume-jelly{width:46px;height:46px}.home-primary-actions .btn{flex:0 190px;min-height:66px;padding:7px 18px 7px 8px}.join-row{align-items:flex-end;gap:10px;display:flex}.home-scene{align-self:stretch;min-height:540px;position:relative}.home-orbit-motion{pointer-events:none;z-index:1;position:absolute;inset:0}.home-scene:before{background:var(--surface-quiet);border:2px solid var(--line);content:"";border-radius:50%;position:absolute;inset:24px 8px 18px}.orbit{border:1px solid var(--mint);opacity:.55;border-radius:50%;position:absolute}.orbit-wide{width:326px;height:176px;top:194px;left:34px;transform:rotate(-12deg)}.orbit-small{width:116px;height:116px;top:72px;right:50px;transform:rotate(18deg)}.scene-jelly{z-index:2;position:absolute}.scene-jelly-main{width:214px;height:214px;top:132px;left:72px}.scene-jelly-swim{width:112px;height:72px;animation-name:drift-side;animation-delay:-1.3s;top:76px;right:42px;rotate:-9deg;scale:-1 1}.scene-jelly-cheer{width:78px;height:78px;animation-name:bob-side;animation-delay:-2.1s;bottom:72px;left:48px;rotate:8deg}.scene-planet{width:66px;position:absolute;bottom:104px;right:48px}.scene-star{position:absolute}.scene-star-a{width:32px;top:230px;right:54px}.scene-star-b{width:20px;top:76px;left:112px}.panel{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);padding:24px}.panel-heading,.board-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.panel-heading h2{margin:4px 0 0;font-size:22px}.lobby{max-width:760px;margin:0 auto}.lobby-hero{justify-content:space-between;align-items:center;min-height:112px;display:flex}.lobby-hero h1{margin:6px 0 0;font-size:clamp(30px,5vw,44px);line-height:1.15}.lobby-jelly{width:118px;height:118px}.room-code-card{background:var(--surface-quiet);border:2px solid var(--lilac-deep);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.code-lg{color:var(--yellow);letter-spacing:.18em;margin:4px 0 0;font-size:clamp(30px,5vw,42px);font-weight:700;line-height:1.1}.participant-panel{padding-bottom:12px}.role-card{justify-content:space-between;align-items:center;gap:20px;padding-block:16px;display:flex}.role-switch{background:var(--surface-quiet);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.role-option{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;min-height:42px;padding:4px 13px 4px 6px;font-size:13px;font-weight:700;display:inline-flex}.role-option.is-selected{background:var(--mint);color:var(--navy)}.role-jelly{width:32px;height:32px}.role-badge{border:1px solid var(--lilac);color:var(--lilac);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.role-badge.spectator{border-color:var(--mint);color:var(--mint)}.live-dot{color:var(--mint);align-items:center;gap:7px;font-size:12px;display:inline-flex}.live-dot:before{background:var(--mint);content:"";border-radius:50%;width:7px;height:7px}.player-list{flex-direction:column;gap:0;margin:14px 0 0;padding:0;list-style:none;display:flex}.player-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:9px 2px;font-size:15px;display:flex}.player-name{align-items:center;gap:10px;display:inline-flex}.me-badge{object-fit:contain;width:auto;height:25px;display:inline-block}.host-badge{object-fit:contain;width:42px;height:42px}.player-avatar{width:34px;height:34px}.tag{background:var(--yellow);color:var(--navy);letter-spacing:.06em;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.checkbox{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.setting-row{background:var(--surface-quiet);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;padding:14px 16px;position:relative}.gear-icon{object-fit:contain;width:30px;height:30px}.setting-copy{flex-direction:column;flex:1;display:flex}.setting-copy strong{color:var(--ink);font-size:14px}.setting-copy small{font-size:12px}.setting-row input{opacity:0;width:1px;height:1px;position:absolute}.switch{background:var(--line);border-radius:999px;width:46px;height:26px;transition:background-color .16s;position:relative}.switch:after{background:var(--ink);content:"";border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:4px;left:4px}.setting-row input:checked+.switch{background:var(--mint)}.setting-row input:checked+.switch:after{transform:translate(20px)}.setting-row:has(input:focus-visible){outline:3px solid var(--mint);outline-offset:3px}.lobby-actions{margin-top:2px}.waiting-copy{flex:1}.play{z-index:1;max-width:880px;margin:0 auto;position:relative}.play-stage{max-width:520px;margin:0 auto}.meta-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.meta-chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:5px;min-height:42px;padding:5px 14px 5px 7px;font-size:13px;display:inline-flex}.meta-chip strong{color:var(--ink);font-size:15px}.meta-chip img{object-fit:contain;width:26px;height:26px}.timer-urgent{border-color:var(--danger);color:var(--danger)}.draw{flex-direction:column;align-items:center;gap:8px;margin:12px 0 14px;display:flex}.draw-label{color:var(--muted);letter-spacing:.13em;font-size:12px;font-weight:650}.draw-tile{background:var(--surface-strong);border:3px solid var(--line-strong);border-radius:30px;justify-content:center;align-items:center;width:142px;height:164px;display:flex;position:relative}.draw-tile.joker{border-color:var(--mint)}.draw-jelly{width:96px;height:96px}.turn-guide{color:var(--ink);text-align:center;min-height:42px;margin:0;font-size:14px;font-weight:650}.turn-guide:before{color:var(--yellow);content:"●";margin-right:8px;font-size:9px}.turn-guide.is-waiting:before{color:var(--mint)}.board-section{background:var(--surface-quiet);border:2px solid var(--line);border-radius:var(--radius-lg);padding:18px}.board-heading{margin-bottom:14px}.board-heading>strong{color:var(--yellow);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:28px;line-height:1}.board-heading>strong span{color:var(--muted);font-size:13px}.line{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.play-actions{justify-content:flex-end;margin-top:18px}.spectator-play{max-width:960px}.spectator-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;display:grid}.spectator-hero h1{margin:4px 0 0;font-size:clamp(22px,4vw,32px);line-height:1.2}.spectator-hero-jelly{width:72px;height:72px}.spectator-boards{gap:16px;display:grid}.spectator-board .board-heading{margin-bottom:14px}.spectator-player-name{align-items:center;gap:8px;display:flex}.line.train-line{gap:16px 0}.cell{aspect-ratio:4/5;background:var(--surface);border:2px solid var(--lilac-deep);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;min-height:64px;padding:14px 3px 6px;transition:background-color .14s,border-color .14s,transform .14s;display:flex;position:relative}.cell.joker{border-color:var(--mint)}.cell .idx{color:var(--muted);z-index:2;font-size:9px;position:absolute;top:4px;left:6px}.cell.empty:not(:disabled):hover{background:var(--surface-strong);border-color:var(--mint);transform:translateY(-2px)}.cell:disabled{cursor:default}.cell.train-cell{background:0 0;border:0;border-radius:0;padding:14px 4px 8px;overflow:visible}.train-frame{object-fit:contain;pointer-events:none;z-index:0;width:105%;max-width:none;height:105%;position:absolute;top:50%;left:50%;transform:translate(-50%,-49%)}.train-engine-frame{display:none}.train-line .cell:first-child .train-engine-frame{display:block}.train-line .cell:first-child .train-car-frame{display:none}.cell.train-cell .idx{color:var(--lilac);top:3%;left:6%}.cell.train-cell .jelly-num{transform:translateY(3%)}.cell.train-cell.empty:not(:disabled):hover{background:0 0;border-color:#0000;transform:none}.cell-jelly{z-index:1;width:34px;height:34px;margin-top:5px;position:relative}.cell.in-run:before,.cell.run-longest:before{content:"";pointer-events:none;z-index:0;border-radius:9px;position:absolute;inset:6px}.cell.in-run:before{background:var(--run)}.result-board .cell.scored-run{border-bottom-color:var(--yellow);border-left-color:#0000;border-right-color:#0000;border-top-color:var(--yellow);border-radius:0}.result-board .cell.run-start,.result-board .cell:nth-child(10n+1).scored-run{border-bottom-left-radius:var(--radius-sm);border-left-color:var(--yellow);border-top-left-radius:var(--radius-sm)}.result-board .cell.run-end,.result-board .cell:nth-child(10n).scored-run{border-bottom-right-radius:var(--radius-sm);border-right-color:var(--yellow);border-top-right-radius:var(--radius-sm)}.result-board .cell.run-continues:after{border-bottom:2px solid var(--yellow);border-top:2px solid var(--yellow);content:"";pointer-events:none;z-index:3;width:9px;position:absolute;top:-2px;bottom:-2px;right:-9px}.result-board .cell:nth-child(10n).run-continues:after{display:none}.result-board .cell.train-cell.scored-run{border-bottom:2px solid var(--yellow);border-top:2px solid var(--yellow)}.result-board .cell.train-cell.run-start,.result-board .cell.train-cell:nth-child(10n+1).scored-run{border-left:2px solid var(--yellow)}.result-board .cell.train-cell.run-end,.result-board .cell.train-cell:nth-child(10n).scored-run{border-right:2px solid var(--yellow)}.result-board .cell.train-cell.run-continues:after{display:none}.result-board .cell.train-cell.run-longest:before{background:color-mix(in srgb, var(--yellow) 10%, transparent);border-bottom:2px solid var(--yellow);border-top:2px solid var(--yellow);border-radius:0;inset:6px 0}.result-board .cell.train-cell.run-longest.run-start:before,.result-board .cell.train-cell.run-longest:nth-child(10n+1):before{border-left:2px solid var(--yellow);border-top-left-radius:7px;border-bottom-left-radius:7px;left:6px}.result-board .cell.train-cell.run-longest.run-end:before,.result-board .cell.train-cell.run-longest:nth-child(10n):before{border-right:2px solid var(--yellow);border-top-right-radius:7px;border-bottom-right-radius:7px;right:6px}.cell.run-longest:before{background:color-mix(in srgb, var(--yellow) 10%, var(--run))}.jelly-num{z-index:1;justify-content:center;align-items:center;gap:.02em;line-height:1;display:inline-flex;position:relative}.glyph-img{object-fit:contain;width:auto;height:1em;display:block}.jelly-num-sm{font-size:clamp(24px,4vw,36px)}.jelly-num-lg{font-size:74px}.player-progress{margin-top:18px}.status-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.status-chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:4px 12px 4px 5px;font-size:12px;display:flex}.status-jelly{width:28px;height:28px}.waiting{border-color:var(--mint);color:var(--mint)}.spectating{border-color:var(--lilac);color:var(--lilac)}.rules{z-index:1;flex-direction:column;gap:14px;max-width:880px;margin:-8px auto 0;display:flex;position:relative}.rules-hero{justify-content:space-between;align-items:center;min-height:88px;display:flex}.rules-hero h1{align-items:center;gap:10px;margin:0 0 4px;font-size:clamp(34px,5vw,48px);display:flex}.rules-hero>div>p:last-child{color:var(--muted);margin:0}.rules-star{object-fit:contain;width:40px;height:40px}.rules-jelly{width:96px;height:96px}.rule-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rule-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);align-items:flex-start;gap:12px;min-height:0;padding:14px 16px;display:flex}.rule-card-body{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex;container:rule-body/inline-size}.rule-block{color:#e1ddf1;margin:0;font-size:14px;line-height:1.55}.rule-card>span{background:var(--lilac);color:var(--navy);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.rules-place-demo{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.rules-place-draw{flex-direction:column;align-items:center;gap:6px;display:flex}.rules-place-draw-label{color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:650}.rules-place-draw-tile{background:var(--surface-strong);border:2.5px solid var(--line-strong);border-radius:18px;justify-content:center;align-items:center;width:76px;height:88px;display:flex}.rules-place-draw-tile.is-waiting{opacity:.55;border-style:dashed}.rules-place-draw-tile .jelly-num-lg{font-size:44px}.rules-place-line{flex-wrap:nowrap;gap:6px;width:100%;min-width:0;display:flex;overflow:hidden}.rules-place-slot{aspect-ratio:4/5;background:var(--surface-strong);border:1.5px solid var(--lilac-deep);border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}.rules-place-slot .jelly-num-sm{font-size:clamp(14px,3.2vw,22px)}.rules-place-slot.is-vacant{border-color:color-mix(in srgb, var(--lilac-deep) 45%, transparent);opacity:.55;background:0 0}.rules-place-slot.is-pending{background:color-mix(in srgb, var(--mint) 12%, transparent);border-color:var(--mint);opacity:1;border-style:dashed;animation:.75s ease-in-out infinite rules-slot-pulse}@keyframes rules-slot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.rules-mini-line{flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:100%;min-width:0;display:flex}.rules-mini-slot{aspect-ratio:4/5;background:var(--surface-strong);border:1.5px solid var(--lilac-deep);border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:40px;display:flex}.rules-mini-slot .jelly-num-sm{font-size:18px}.rules-mini-slot.is-rest{border-color:var(--mint)}.rules-mini-slot.is-focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--mint) 45%, transparent)}.rules-mini-slot.is-vacant{border-color:color-mix(in srgb, var(--lilac-deep) 45%, transparent);opacity:.55;background:0 0}.rules-deck-chips{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.rules-deck-row{flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;display:flex;overflow:hidden}.rules-deck-slots{flex-wrap:nowrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.rules-deck-slot-wrap{flex:none;align-items:center;gap:6px;display:flex}.rules-deck-slot{aspect-ratio:4/5;background:var(--surface-strong);border:1.5px solid var(--lilac-deep);border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:40px;display:flex;overflow:visible}.rules-deck-slot .jelly-num-sm{font-size:16px}.rules-deck-slot.is-rest{border-color:var(--mint)}.rules-deck-ellipsis{color:var(--muted);letter-spacing:.02em;flex:none;font-size:14px;line-height:1}.rules-deck-count{color:var(--lilac);flex:none;margin-left:auto;font-size:13px;font-weight:700}.rules-score-example{flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.rules-score-board,.rules-score-tail{flex:none;align-items:center;gap:8px;display:flex}.rules-score-example .rules-mini-line{border:2px solid var(--yellow);border-radius:10px;flex:none;gap:4px;width:auto;padding:4px}.rules-score-arrow{color:var(--muted);font-size:13px}.rules-score-run{color:#e1ddf1;font-size:13px;font-weight:600}.rules-score-pts{color:var(--yellow);font-size:15px;font-weight:700}.rules-rest-examples{flex-wrap:nowrap;align-items:center;gap:14px;width:100%;min-width:0;display:flex;overflow:hidden}.rules-rest-example{flex:none;min-width:0}@container rule-body (width<=310px){.rules-rest-examples{flex-direction:column;align-items:flex-start;gap:8px}}.rules-rest-icon{object-fit:contain;vertical-align:middle;width:22px;height:22px;margin:0 2px 0 0;display:inline-block}.rules-rest-label{color:var(--mint);margin-right:2px;font-size:13px;font-weight:700}.score-card{background:var(--surface-quiet);border:2px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;overflow-x:auto}.score-intro{margin-bottom:14px}.score-intro h2{margin:0;font-size:22px}.score-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.score-group-label{color:var(--mint);letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}.score-group-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.score-group-list li{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;padding:3px 0;font-size:18px;line-height:1.35;display:flex}.score-group-list li+li{border-top:1px solid color-mix(in srgb, var(--line) 55%, transparent)}.score-len{color:#e1ddf1}.score-pts{color:var(--yellow);font-weight:700}.rules-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.rules-footer p{color:var(--muted);margin:0;font-size:13px}.result{max-width:900px;margin:0 auto}.result-hero{align-items:center;gap:18px;min-height:110px;display:flex}.result-art{flex:0 0 116px;height:112px;position:relative;overflow:visible}.result-hero h1{margin:5px 0 0;font-size:clamp(36px,5vw,50px);line-height:1}.result-jelly{object-fit:contain;width:84px;height:102px;position:absolute;bottom:0;left:16px}.result-crown{object-fit:contain;z-index:2;width:38px;height:38px;position:absolute;top:0;left:0;transform:rotate(-12deg)}.ranking-list{margin-top:0;padding-block:12px}.rank{padding:0!important;font-size:17px!important}.rank:first-child{border-top:0}.rank-first{background:var(--surface-strong);border-radius:var(--radius-md)}.rank.is-selected{box-shadow:inset 0 0 0 2px var(--mint)}.rank-select{color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:9px 12px;display:flex}.rank-select:hover{background:color-mix(in srgb, var(--mint) 8%, transparent)}.rank-select>span{align-items:center;gap:7px;display:inline-flex}.rank-crown,.rank-star{object-fit:contain;width:21px;height:21px}.rank strong{line-height:1}.result-metric{--metric-size:28px;flex:none;align-items:center;gap:3px;line-height:1;display:inline-flex}.result-metric .jelly-num-sm{font-size:var(--metric-size)}.result-metric>img{height:calc(var(--metric-size) * .82);object-fit:contain;width:auto;display:block}.rank-metric{--metric-size:clamp(25px, 4vw, 34px)}.longest-metric{--metric-size:34px}.result-view-name{color:var(--ink);margin:3px 0 0;font-size:18px;font-weight:700}.result-board{margin-top:0;padding:20px}.result-board .board-heading{margin-bottom:16px}.result-board .line{gap:7px}.result-board .line.train-line{gap:16px 0}.score-breakdown{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.score-breakdown-row{background:var(--surface-quiet);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:7px 12px;display:inline-flex}.score-arrow{object-fit:contain;width:34px;height:22px}.result-actions{margin-top:2px}.lobby-actions .btn-art,.result-actions .btn-art{width:40px;height:40px}.boot{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(1080px,100%);min-height:100vh;padding:24px;display:flex}.boot-jelly{width:190px;height:190px}.boot-card{background:var(--surface);border:2px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-width:min(390px,88vw);min-height:58px;padding:14px 24px;display:flex}.boot-copy{color:var(--lilac);margin:0;font-weight:650}.boot-dots{align-items:center;gap:9px;height:32px;display:flex}.boot-dots img{object-fit:contain;width:18px;height:18px;animation:1s infinite blink}.boot-dots img:nth-child(2){animation-delay:.15s}.boot-mini{width:28px;height:28px}@keyframes blink{50%{opacity:.35;transform:translateY(-3px)}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes drift-side{50%{transform:translate(-6px,3px)}}@keyframes bob-side{50%{transform:translate(4px,-5px)}}@media (width>=821px){.app-home{padding-bottom:32px}}@media (width<=820px){.app{padding-inline:20px}.home-layout{min-height:auto;display:block}.hero{max-width:600px;margin:0 auto}.home-scene{display:none}.line{grid-template-columns:repeat(5,minmax(0,1fr))}.cell{min-height:70px}.result-board .line{grid-template-columns:repeat(5,minmax(0,1fr))}.result-board .cell:nth-child(10n+1).scored-run{border-left-color:#0000;border-radius:0}.result-board .cell:nth-child(10n).scored-run{border-right-color:#0000;border-radius:0}.result-board .cell:nth-child(5n+1).scored-run{border-bottom-left-radius:var(--radius-sm);border-left-color:var(--yellow);border-top-left-radius:var(--radius-sm)}.result-board .cell:nth-child(5n).scored-run{border-bottom-right-radius:var(--radius-sm);border-right-color:var(--yellow);border-top-right-radius:var(--radius-sm)}.result-board .cell:nth-child(10n).run-continues:after{display:block}.result-board .cell:nth-child(5n).run-continues:after{display:none}.result-board .cell.train-cell:nth-child(10n+1).scored-run{border-left:0}.result-board .cell.train-cell:nth-child(10n).scored-run{border-right:0}.result-board .cell.train-cell:nth-child(5n+1).scored-run{border-left:2px solid var(--yellow)}.result-board .cell.train-cell:nth-child(5n).scored-run{border-right:2px solid var(--yellow)}.result-board .cell.train-cell.run-continues:after{display:none}.result-board .cell.train-cell.run-longest:nth-child(10n+1):before{border-left:0;border-radius:0;left:0}.result-board .cell.train-cell.run-longest:nth-child(10n):before{border-right:0;border-radius:0;right:0}.result-board .cell.train-cell.run-longest:nth-child(5n+1):before{border-left:2px solid var(--yellow);border-top-left-radius:7px;border-bottom-left-radius:7px;left:6px}.result-board .cell.train-cell.run-longest:nth-child(5n):before{border-right:2px solid var(--yellow);border-top-right-radius:7px;border-bottom-right-radius:7px;right:6px}}@media (width<=560px){.app{padding:18px 16px 48px}.masthead{margin-bottom:24px}.brand-wrap{gap:7px}.brand-jelly{width:38px;height:38px}.brand{letter-spacing:.13em;font-size:13px}.icon-btn{height:40px;padding-right:11px}.sky-deco-a,.sky-deco-b,.sky-deco-e,.sky-deco-f,.sky-deco-g,.sky-deco-i{display:none}.sky-deco-d{bottom:16px;right:8px}.sky-deco-h{width:54px!important;bottom:8px!important;left:8px!important;right:auto!important}.hero{gap:16px}.hero-mark span{display:none}.hero-jelly{width:104px;height:104px}.hero-copy h1{margin-top:5px;font-size:clamp(34px,10vw,42px)}.hero-copy>p:last-child{font-size:14px;line-height:1.7}.home-form{gap:13px}.home-primary-actions{grid-template-columns:1fr 1fr;display:grid}.home-primary-actions .btn{width:100%;min-width:0;padding:7px 10px 7px 7px}.home-primary-actions .btn-art{width:44px;height:44px}.join-row .field{min-width:0}.join-row .btn{flex:0 0 104px;padding-inline:8px}.join-row .btn-art{width:38px;height:38px}.join-row .btn span{white-space:nowrap}.lobby-hero{min-height:104px}.lobby-hero h1{font-size:30px}.lobby-jelly{width:88px;height:88px}.room-code-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.room-code-card .btn{width:100%}.code-lg{font-size:34px}.panel{padding:20px}.participant-panel{padding-bottom:10px}.setting-copy small{max-width:190px}.role-card{flex-direction:column;align-items:stretch}.role-switch{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.role-option{white-space:nowrap;justify-content:center;padding-inline:6px}.lobby-actions,.result-actions{grid-template-columns:1fr 1fr;display:grid}.lobby-actions .btn,.result-actions .btn{white-space:nowrap;width:100%;min-width:0;padding-inline:12px}.play-stage{max-width:none}.draw-tile{border-radius:26px;width:132px;height:150px}.board-section{padding:14px}.board-heading{align-items:center}.board-heading .sub{max-width:220px}.line{gap:7px}.line.train-line{gap:16px 0}.cell{border-radius:11px;min-height:72px}.jelly-num-sm{font-size:30px}.player-progress{margin-top:16px}.status-chip{border-radius:var(--radius-md);width:100%}.rules-hero{min-height:76px}.rules-jelly{width:80px;height:80px}.rule-cards{grid-template-columns:1fr}.score-card{padding:16px 14px}.score-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.score-group-list li{font-size:16px}.rules-footer{flex-direction:column;align-items:stretch}.result-hero{gap:10px}.result-art{flex-basis:88px;height:88px}.result-jelly{width:66px;height:80px;left:12px}.result-crown{width:32px;height:32px}.rank{font-size:14px!important}.rank-metric{--metric-size:24px}.longest-metric{--metric-size:28px}.result-board{padding:14px}.result-board .line{gap:6px}.result-board .line.train-line{gap:16px 0}.result-board .cell{min-height:68px}.score-breakdown{justify-content:flex-start}.score-breakdown-row{gap:5px;padding-inline:9px}.score-breakdown-row .result-metric{--metric-size:23px}}@media (width<=370px){.brand{letter-spacing:.1em;font-size:12px}.icon-btn{font-size:12px}.hero-copy h1{font-size:32px}.lobby-hero h1{font-size:27px}.lobby-jelly,.rules-jelly{width:76px;height:76px}.setting-copy small{display:none}.cell{min-height:66px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.boot-dots img,.brand-jelly,.hero-jelly,.boot-jelly,.result-jelly,.lobby-jelly,.rules-jelly,.scene-jelly,.cell-jelly,.draw-jelly,.rules-place-slot.is-pending{animation:none}.btn,.cell{transition:none}}