#pivot-proposal{padding:18px 12px}#pivot-proposal .game{--bg:light-dark(#f3ecdf,#24212a);--ink:light-dark(#342b35,#f5edde);--soft:light-dark(#e8decf,#39323e);max-width:540px;margin:auto;background:var(--bg);color:var(--ink);border-radius:22px;overflow:hidden;font:15px/1.6 system-ui,sans-serif;box-shadow:0 12px 40px #0002}#pivot-proposal .top{display:flex;justify-content:space-between;align-items:center;padding:16px 22px}#pivot-proposal .logo{font:bold 27px Georgia,serif;letter-spacing:5px}#pivot-proposal .logo span{color:#c27635}#pivot-proposal .small{font-size:12px;opacity:.75}#pivot-proposal .stage{position:relative;overflow:hidden}#pivot-proposal img{width:100%;aspect-ratio:1.5;object-fit:contain;display:block}#pivot-proposal .bell{position:absolute;left:35%;top:29%;background:#b84637;color:#fff2de;border:3px solid #612d29;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:20px;box-shadow:2px 3px 0 #0002}#pivot-proposal .content{padding:18px 22px 22px}#pivot-proposal .status{display:flex;justify-content:space-between;gap:12px;align-items:center}#pivot-proposal .dots{display:flex;gap:7px}#pivot-proposal .dot{width:26px;height:26px;border-radius:50%;background:var(--soft);text-align:center;font-size:12px;line-height:26px}#pivot-proposal .dot.done{background:#496448;color:white}#pivot-proposal .dot.now{background:#b87536;color:white}#pivot-proposal .dialog{min-height:78px;margin:16px 0 12px}#pivot-proposal .speaker{font: bold 13px Georgia,serif;letter-spacing:2px;color:light-dark(#775589,#c6aad8)}#pivot-proposal .line{margin-top:4px}#pivot-proposal .track{height:34px;background:var(--soft);position:relative;border-radius:8px;overflow:hidden;margin:12px 0 8px}#pivot-proposal .zone{position:absolute;height:100%;left:50%;transform:translateX(-50%);background:#719578}#pivot-proposal .perfect{position:absolute;height:100%;left:50%;transform:translateX(-50%);background:#365e46}#pivot-proposal .risk{position:absolute;width:8%;height:100%;background:repeating-linear-gradient(135deg,#b64d40 0px,#b64d40 6px,#8f352e 6px,#8f352e 9px)}#pivot-proposal .needle{position:absolute;height:30px;top:2px;width:4px;background:#fff9ed;box-shadow:0 0 0 1px #342b35;transform:translateX(-50%)}#pivot-proposal .legend{height:18px;margin-bottom:14px}#pivot-proposal button{font:inherit;min-height:46px;border:0;border-radius:12px;padding:10px 18px}#pivot-proposal .action{background:#ae6530;color:#fff6e7;width:100%;font-weight:bold;letter-spacing:1px}#pivot-proposal .action:disabled{opacity:.6}#pivot-proposal .replay{background:transparent;color:var(--ink);width:100%;font-size:13.5px;margin-top:20px}#pivot-proposal [hidden]{display:none!important}#pivot-proposal .stage.hit{filter:sepia(.3)}#pivot-proposal .stage.alarm:after{content:'';position:absolute;inset:0;background:#bb38252b;pointer-events:none}@media(max-width:380px){#pivot-proposal .content{padding:14px}#pivot-proposal .top{padding:14px}}
#pivot-proposal .outgoing{position:absolute;inset:0;pointer-events:none;opacity:0}@keyframes pvFade{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){#pivot-proposal .outgoing{animation-duration:.01ms!important}}

#pivot-proposal .rank-open{background:var(--soft);color:var(--ink);min-width:44px;padding:10px}#pivot-proposal .rank-open svg{display:block}#pivot-proposal .rank{background:#30211d;color:#f6ecd7;border-top:1px solid #c4a46a}#pivot-proposal .rank-head{text-align:center;padding:26px 20px;background:radial-gradient(ellipse at top,#80573566,transparent 75%),linear-gradient(135deg,#513729,#30211d);border-bottom:1px solid #bb975b55}#pivot-proposal .rank-kicker{font-size:11px;letter-spacing:3px;color:#cdb68e}#pivot-proposal .rank-brand{font:36px Georgia,serif;letter-spacing:3px;color:#eed29c;margin:9px 0}#pivot-proposal .rank h2{font-size:21px;margin:5px 0;color:#fff3d9}#pivot-proposal .rank-motto{font-size:12px;color:#c7b299}#pivot-proposal .rank-body{padding:20px}#pivot-proposal .personal{padding:14px;border:1px solid #bd985d55;border-radius:12px;display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;color:#efd29a}#pivot-proposal .personal small{display:block;color:#c7b299;font-size:12px}#pivot-proposal .invite{position:fixed;inset:0;z-index:20;display:grid;align-items:start;justify-items:center;overflow-y:auto;padding:15vh 20px 20px;padding-top:15dvh;background:#171219b3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#pivot-proposal .invite[hidden]{display:none}#pivot-proposal .invite-card{width:100%;max-width:360px;background:linear-gradient(135deg,#513729,#30211d);border:1px solid #c4a46a;border-radius:16px;padding:26px 22px 22px;box-shadow:0 18px 50px #0007;text-align:center}#pivot-proposal .invite-kicker{font:20px Georgia,serif;letter-spacing:3px;color:#eed29c}#pivot-proposal .invite-card h2{font-size:17px;color:#fff3d9;margin:8px 0 14px}#pivot-proposal .invite-name{box-sizing:border-box;width:100%;padding:12px;margin:0 0 6px;background:#44302a;border:1px solid #aa895a;border-radius:9px;color:#fff0d5;font:inherit;text-align:center}#pivot-proposal .invite-name::placeholder{color:#b99c78}#pivot-proposal .invite-error{min-height:22px;color:#ffb9a7;font-size:12px;text-align:left}#pivot-proposal .invite-submit{background:linear-gradient(120deg,#efd39a,#c09a5d);color:#35241d;width:100%}#pivot-proposal .invite-skip{background:none;color:#c7b299;width:100%;margin-top:10px;font-size:13px;text-decoration:underline}#pivot-proposal .rank-list{list-style:none;padding:0;margin:0}#pivot-proposal .rank-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 5px;border-bottom:1px solid #d5b88225}#pivot-proposal .medal{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#c8b290}#pivot-proposal .medal.top-three{background:#d0ab69;color:#39251b}#pivot-proposal .rank-row.me{background:#9b72372b;border-radius:10px;outline:1px solid #c5a263}#pivot-proposal .rank-name{overflow-wrap:anywhere}#pivot-proposal .rank-time{font:13px Georgia,serif;white-space:nowrap;color:#efd29a;font-variant-numeric:tabular-nums}#pivot-proposal .rank-empty{text-align:center;color:#d8bd90;padding:22px 0}#pivot-proposal .rank-foot{font-size:12px;color:#c2ab8e;text-align:center;margin:18px 0 0}#pivot-proposal .rank-close{width:100%;margin-top:14px;background:#51392c;color:#f0dbb7}#pivot-proposal .elapsed{font-variant-numeric:tabular-nums}

#pivot-proposal .speech{position:absolute;z-index:2;left:4%;top:8%;width:45%;box-sizing:border-box;padding:12px 15px;background:#fff9e9;color:#392d32;border:2px solid #493b38;border-radius:20px 23px 18px 22px;box-shadow:3px 4px 0 #493b3820;font-size:15px;line-height:1.65;user-select:text}#pivot-proposal .speech:after{content:'';position:absolute;right:13%;bottom:-11px;width:17px;height:17px;background:#fff9e9;border-right:2px solid #493b38;border-bottom:2px solid #493b38;transform:skew(12deg) rotate(45deg)}#pivot-proposal .speech-name{display:block;font: bold 11px Georgia,serif;letter-spacing:2px;color:#815b42;margin-bottom:3px}#pivot-proposal .speech-text{position:relative;z-index:1}#pivot-proposal .stage.ending .speech{left:auto;right:3%;top:4%;width:43%}#pivot-proposal .stage.ending .speech:after{right:auto;left:12%}#pivot-proposal .dialog[hidden]{display:none!important}@media(max-width:460px){#pivot-proposal .stage.story .speech{top:4%;left:3%;width:52%;padding:8px 10px;font-size:12px;line-height:1.5;border-radius:14px}#pivot-proposal .stage.ending .speech{left:auto;right:3%;width:43%;top:3%}#pivot-proposal .speech-name{font-size:10px;margin-bottom:2px}#pivot-proposal .speech:after{width:12px;height:12px;bottom:-8px}}

#pivot-proposal .dialog[hidden]~.action{margin-top:22px}

body{margin:0;background:#211e26;color:#f5edde;font-family:system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}.cursor-interaction{cursor:pointer}.home-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;color:#cdb694;font-size:14px;text-decoration:none}#pivot-proposal .rank-name small{display:block;color:#c7b299;font-size:12px}#pivot-proposal .personal{flex-wrap:wrap}#pivot-proposal .rank-message{color:#dfc394;font-size:13px}#pivot-proposal .rank-more,#pivot-proposal .rank-retry{background:#51392c;color:#f0dbb7;width:100%;margin-top:10px}#pivot-proposal .game{width:100%}#pivot-proposal .rank-open span{font-size:13px}#pivot-proposal .status{flex-wrap:wrap}#pivot-proposal .rank-time{font-size:16px}

/* Reserve space for the lightweight fixed footer, including phone safe areas. */
body{--pivot-footer-height:48px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--pivot-footer-height) + 12px + env(safe-area-inset-bottom,0px))}
#pivot-proposal{flex:1 0 auto}
.page-footer{position:fixed;z-index:11;bottom:0;left:0;width:100%;text-align:center;background:#211e26;padding-bottom:env(safe-area-inset-bottom,0px)}

/* The list scrolls within the available ranking viewport. */
#pivot-proposal .rank-list{--rank-row-height:70px;max-height:none;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y}
#pivot-proposal .rank-row{height:var(--rank-row-height);min-height:var(--rank-row-height)}
#pivot-proposal .rank-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#pivot-proposal .rank-list:focus-visible{outline:2px solid #c4a46a;outline-offset:3px}
#pivot-proposal .rank-actions{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:540px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:#30211d;border-top:1px solid #bb975b55;box-shadow:0 -6px 18px #0002}
#pivot-proposal .rank-actions .rank-close{margin-top:0}


#pivot-proposal .rank-tabs{display:flex;gap:8px;padding:16px 20px 0}
#pivot-proposal .rank-tabs button{flex:1;background:#44302a;color:#c7b299;cursor:pointer;padding:10px 8px}
#pivot-proposal .rank-tabs button[aria-pressed="true"]{background:#c7a16b;color:#30211d;font-weight:700}
#pivot-proposal .rank-gap{height:70px;display:grid;place-items:center;color:#c7b299;font-size:12px}
/* 46px button + 24px padding + 1px border, plus an 8px list gap. */
#pivot-proposal .rank-body{padding-bottom:calc(79px + env(safe-area-inset-bottom,0px))}
#pivot-proposal .rank-message{margin:8px 0 0}
#pivot-proposal .rank-message:empty{display:none}
body:has(.rank:not([hidden])) #pivot-proposal{padding-bottom:0}
#pivot-proposal .rank-row.me{outline-offset:-1px}

#pivot-proposal .rank-list{position:relative}

/* Rankings end at their action button; the cafe link belongs to game views. */
body:has(.rank:not([hidden])){padding-bottom:0}
body:has(.rank:not([hidden])) .page-footer{display:none}

#pivot-proposal .rank-list::-webkit-scrollbar{display:none;width:0;height:0}

.sc-entry[hidden]{display:none}.page-footer .home-link{font-size:13px;padding-inline:10px}
.sc-game .page-footer,.sc-game .replay,.sc-game .rank-open{display:none!important}
body.sc-game{padding-bottom:0}

#pivot-proposal .sc-session-controls{display:flex;justify-content:center;gap:12px;margin-top:60px}#pivot-proposal .sc-session-controls button{flex:1;background:transparent;color:var(--ink);border:1px solid currentColor;opacity:.85;font-size:14px;min-height:46px;padding:10px 8px}

/* Full-page Hall of Fame, matching Bamboozled. */
body:has(.rank:not([hidden])){overflow:hidden}
#pivot-proposal .rank{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;height:100dvh;border:0;overflow:hidden;background:#30211d}
#pivot-proposal .rank-head{flex:none;text-align:left;padding:env(safe-area-inset-top,0px) 0 0;position:relative;background:radial-gradient(ellipse at 16% 65%,#ae804530,transparent 60%),linear-gradient(110deg,#563d2d,#3c2b24 60%,#30211d);border-bottom:1px solid #c7a96866}
#pivot-proposal .rank-head:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e1c181 25%,#e1c18144 70%,transparent)}
#pivot-proposal .rank-header-inner{max-width:760px;margin:auto;padding:0 20px;position:relative}
#pivot-proposal .rank-topbar{display:flex;align-items:center;gap:8px;min-height:40px}
#pivot-proposal .rank-back{background:transparent;color:#e3d3ad;border:0;border-radius:0;width:28px;min-height:40px;padding:0;font-size:24px;flex:none}
#pivot-proposal .rank-edition{flex:1;font:9px/1.4 Georgia,serif;letter-spacing:2px;color:#c4b58a}
#pivot-proposal .rank-banner{position:relative;display:flex;align-items:center;gap:14px;min-height:76px;padding:0 0 9px;overflow:hidden}
#pivot-proposal .rank-award{width:57px;height:65px;flex:none;color:#e2c080;filter:drop-shadow(0 3px 10px #d8b86d20)}
#pivot-proposal .rank-banner-text{min-width:0;position:relative;z-index:1}
#pivot-proposal .rank-brand{font:700 clamp(30px,8.3vw,38px)/1.08 Georgia,serif;letter-spacing:2px;color:#f2d795;text-shadow:0 2px 0 #30211d80;margin:0}
#pivot-proposal .rank h2{font-size:17px;font-weight:600;letter-spacing:2px;line-height:1.4;color:#f1edda;margin:5px 0 0}
#pivot-proposal .rank-watermark{position:absolute;right:1px;top:-20px;font-size:130px;line-height:1;color:#e8d09409;transform:rotate(12deg)}
#pivot-proposal .rank-tabs{gap:20px;padding:0;margin:0}
#pivot-proposal .rank-tabs button{position:relative;min-height:42px;border:0;border-radius:0;background:transparent;color:#c7b299;font-size:12px;padding:9px 0 12px;letter-spacing:.5px}
#pivot-proposal .rank-tabs button[aria-pressed=true]{background:linear-gradient(0deg,#d5b57212,transparent);color:#f3d79a;font-weight:600}
#pivot-proposal .rank-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#e7c27c 20%,#e7c27c 80%,transparent)}
#pivot-proposal .rank-body{width:100%;max-width:760px;align-self:center;padding:18px 20px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;scrollbar-width:none}
#pivot-proposal .rank-body::-webkit-scrollbar{display:none}
#pivot-proposal .personal{flex:none;padding:12px 14px;gap:5px 12px;margin:0 0 16px;font-size:14px}
#pivot-proposal .personal small{font-size:11px}
#pivot-proposal .rank-list{flex:1 1 0;min-height:0;max-height:none;overscroll-behavior:contain}
#pivot-proposal .rank-actions{position:static;transform:none;flex:none;width:100%;max-width:none;padding:12px max(20px,calc((100vw - 720px)/2)) calc(14px + env(safe-area-inset-bottom,0px));box-shadow:none}
#pivot-proposal .rank-actions .rank-close{min-height:48px;background:#d9b976;color:#38261e;font-size:14px;font-weight:600}
#pivot-proposal .rank button:focus-visible{outline:2px solid #e7c27c;outline-offset:-3px}
@media(max-width:360px){#pivot-proposal .rank-header-inner{padding:0 14px}#pivot-proposal .rank-banner{gap:10px;min-height:74px}#pivot-proposal .rank-award{width:48px;height:60px}#pivot-proposal .rank-brand{font-size:30px}#pivot-proposal .rank h2{font-size:16px}#pivot-proposal .rank-edition{font-size:8px;letter-spacing:1.5px}#pivot-proposal .rank-body{padding:14px 12px}#pivot-proposal .rank-actions{padding-left:14px;padding-right:14px}}
@media(min-width:700px){#pivot-proposal .rank-banner{min-height:82px}#pivot-proposal .rank-award{width:65px;height:70px}#pivot-proposal .rank-brand{font-size:40px}}

/* Bamboozled typography with the original PIVOT brown/gold palette. */
@font-face{font-family:Typewriter;src:url('/assets/fonts/american-typewriter-bold.woff2') format('woff2');font-weight:700;font-display:swap}
#pivot-proposal .rank{background:#30211d;color:#f6ecd7;font:16px/1.55 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
#pivot-proposal .rank-head{background:radial-gradient(ellipse at 16% 65%,#ae804530,transparent 60%),linear-gradient(110deg,#563d2d,#3c2b24 60%,#30211d)}
#pivot-proposal .rank-brand{font-family:Typewriter,serif;letter-spacing:-1.2px;text-shadow:0 2px 0 #30211d80}
#pivot-proposal .rank-edition{font-family:Typewriter,serif}
#pivot-proposal .rank-tabs button{color:#c7b299}
#pivot-proposal .rank-tabs button[aria-pressed=true]{color:#f3d79a}
#pivot-proposal .rank-row{border-bottom-color:#d5b88225;grid-template-columns:32px minmax(0,1fr) auto;padding:13px 6px}
#pivot-proposal .rank-name{font-size:14px;font-weight:700}
#pivot-proposal .rank-name small{font-size:10px;font-weight:400;color:#c7b299;margin-top:3px}
#pivot-proposal .rank-time{font:700 12px/1.5 Typewriter,sans-serif;color:#efd29a}
#pivot-proposal .medal{width:30px;height:30px;font:700 13px Typewriter,serif;color:#c8b290}
#pivot-proposal .medal.top-three{color:#39251b;background:#d0ab69;box-shadow:none}
#pivot-proposal .rank-row.me{background:#9b72372b;outline-color:#c5a263;border-radius:9px}
#pivot-proposal .personal{background:transparent;border-color:#bd985d55;color:#efd29a}
#pivot-proposal .personal small{color:#c7b299}
#pivot-proposal .rank-message,#pivot-proposal .rank-empty{color:#dfc394;flex:none}
#pivot-proposal .rank-gap{color:#c7b299}
#pivot-proposal .rank-actions{background:#30211d;border-top-color:#bb975b55}
#pivot-proposal .rank-actions .rank-close{background:#d9b976;color:#38261e;font-family:Typewriter,sans-serif}
@media(max-width:360px){#pivot-proposal .rank-row{gap:7px}#pivot-proposal .rank-time{font-size:11px}}
.event-badge{display:inline-block;max-width:100%;margin:4px 0 4px 6px;padding:2px 7px;border:1px solid #bca1dd66;border-radius:6px;background:#78549d22;color:#bca1dd;font-size:10px;font-style:normal;overflow-wrap:anywhere}