.hundred-art{background-color:#dcffea!important;background-image:linear-gradient(#68c49c30 1px,transparent 1px),linear-gradient(90deg,#68c49c30 1px,transparent 1px)!important;background-size:20px 20px!important}.hundred-sample{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 28px;margin:12px 20px;font-size:25px;font-weight:800;align-items:center}.hundred-sample span:nth-child(3n){color:#4940db;transform:rotate(-10deg)}.hundred-sample span:nth-child(3n + 1){color:#bd5022;border:2px dashed;border-radius:50%;padding:5px;transform:rotate(9deg)}
.hundred-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 30px}.hundred-heading h1{font-size:clamp(50px,8vw,80px)}.hundred-heading h1 span{color:#4264e8}.hundred-heading p{font-size:16px}.hundred-badge{background:#ffdf68;border:2px solid #182c52;padding:16px;transform:rotate(4deg);font-size:16px;line-height:1.5;font-weight:700}#hundredView{color:#182c52}#hundredView label{display:block;font-size:14px;font-weight:700}#hundredView select,#hundredView input{display:block;width:100%;font:inherit;font-size:16px;border:1px solid #b9c4d5;border-radius:8px;background:white;padding:12px;margin-top:8px;color:#182c52;min-height:46px}.hundred-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin:24px 0}#hundredView p{line-height:1.6}#hundredView button{touch-action:manipulation}#hundredView button:disabled{cursor:default;opacity:.6}.hundred-layout{display:grid;grid-template-columns:minmax(280px,580px) minmax(230px,1fr);gap:26px;align-items:start}.hundred-scores{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.hundred-scores>div{flex:1;min-width:125px;border:1px solid #b8c4d8;border-top:5px solid var(--marker);border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;overflow-wrap:anywhere;background:white}.hundred-scores strong{font-size:24px}.hundred-active{box-shadow:0 0 0 2px #182c52}.hundred-clockbar{display:flex;justify-content:space-between;background:#182c52;color:white;padding:14px 22px;border-radius:14px 14px 0 0}.hundred-clockbar>div{display:flex;align-items:center;gap:16px}.hundred-clockbar span{font-size:12px;max-width:64px;font-weight:700;letter-spacing:1px}.hundred-clockbar strong{font-size:36px;font-variant-numeric:tabular-nums}.hundred-track{height:6px;background:#d2dbe9}.hundred-track>div{height:100%;background:#ecb62e;width:100%}.hundred-sheet{position:relative;aspect-ratio:210/297;background-color:#f2fff6;background-image:linear-gradient(#52b99b22 1px,transparent 1px),linear-gradient(90deg,#52b99b22 1px,transparent 1px);background-size:18px 18px;border:2px solid #182c52;border-top:0;border-radius:0 0 12px 12px;overflow:hidden}#hundredBoard{position:absolute;inset:8px}#hundredBoard button{position:absolute;transform:translate(-50%,-50%);width:9.5%;height:8%;padding:0;border:0;border-radius:50%;background:transparent;font-size:clamp(16px,2.5vw,24px);font-weight:800;color:#182c52;line-height:1;box-shadow:none;min-width:0}#hundredBoard button:hover{background:#c5edd5}#hundredBoard button.hundred-found{opacity:.65;text-decoration:line-through;border:2px solid}#hundredCover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#e7fff0}#hundredCover strong{font-size:28px}#hundredCover p{max-width:260px}.hundred-controls button{width:100%;margin-top:16px;white-space:normal}.hundred-controls{position:sticky;top:20px}.hundred-controls h2{overflow-wrap:anywhere}.hundred-fine{font-size:14px;color:#586782}.hundred-podium{display:flex;gap:14px;align-items:flex-end;margin:32px 0;flex-wrap:wrap}.hundred-podium>div{flex:1;min-width:120px;padding:22px 12px 12px;text-align:center;border:2px solid var(--marker);border-radius:14px 14px 0 0;background:#f1f4ff;overflow-wrap:anywhere}.hundred-podium>div[data-rank="1"]{background:#fff0ad;padding-top:45px}.hundred-podium>div>span{font-size:36px}.hundred-podium strong{font-size:24px}.hundred-history{overflow:auto;margin:24px 0}.hundred-history table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}.hundred-history caption{text-align:left;font-weight:700;margin-bottom:12px}.hundred-history td,.hundred-history th{padding:12px;border-bottom:1px solid #cbd1db}.hundred-history td{overflow-wrap:anywhere}#hundredView .eyebrow{font-size:12px}#hundredRules{margin-bottom:30px}@media(max-width:740px){.hundred-layout{grid-template-columns:1fr}.hundred-controls{position:static;grid-row:1;padding:20px}.hundred-controls .hundred-fine{display:none}.hundred-heading{align-items:start}.hundred-badge{font-size:12px;padding:10px}.hundred-heading h1{font-size:54px}.hundred-controls h2{font-size:22px}.hundred-clockbar{padding:12px}.hundred-clockbar strong{font-size:32px}.hundred-clockbar>div{gap:8px}#hundredBoard{inset:4px}.hundred-podium{gap:8px}.hundred-podium>div{min-width:95px}.hundred-podium strong{font-size:19px}}
.hn-room-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.hn-room-bar h2{overflow-wrap:anywhere}#hundredJoinFields{margin-top:24px;max-width:380px}#hundredJoinFields button{margin-top:12px}#hundredEntryError,#hnError{color:#a22d28}#hnHostControls{margin-top:20px;display:flex;align-items:end;flex-wrap:wrap;gap:16px}#hnHostControls label{flex:1;min-width:180px}#hnHostControls button{width:auto}#hnHostControls[hidden]{display:none!important}.hn-board{position:absolute;inset:8px}.hn-board button{position:absolute;transform:translate(-50%,-50%);width:9.5%;height:8%;padding:0;border:0;border-radius:50%;background:transparent;font-size:clamp(16px,2.5vw,24px);font-weight:800;color:#182c52;line-height:1;box-shadow:none;min-width:0}.hn-board button:hover{background:#c5edd5}.hn-board button.hundred-found{opacity:.65;text-decoration:line-through;border:2px solid}.hn-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#e7fff0}.hn-cover strong{font-size:80px}.hn-again{display:inline-block;text-decoration:none;margin-top:20px}#hnTimer{font-size:clamp(24px,3.5vw,36px)}#hnRejoin label{margin:20px 0}#hnResults h2{font-size:clamp(28px,4vw,46px)}#hnResults{margin-top:24px}#hnRunNote{font-size:14px;color:#586782}@media(max-width:740px){#hnPlay .hundred-controls{grid-row:auto}.hn-room-bar{align-items:start;flex-wrap:wrap}#hnHostControls button{width:100%}.hn-board{inset:4px}}
/* The 100: notebook arcade. */
#hundredView{--arc-ink:#172448;--arc-blue:#3158ff;--arc-purple:#4835d5;--arc-yellow:#ffdf46;--arc-mint:#9ce9c4;color:var(--arc-ink)}#hundredView .hundred-heading{margin-bottom:24px}#hundredView .hundred-heading h1{font-weight:800;letter-spacing:-3px}#hundredView .hundred-heading h1 span{color:var(--arc-purple)}#hundredView .room-card{background:#fff;border:2px solid var(--arc-ink);border-radius:16px;box-shadow:3px 5px 0 var(--arc-ink);padding:26px}#hundredView #hundredSetup{border:0;box-shadow:none;background:transparent;padding:0;margin-bottom:32px}.ha-setup-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.ha-setup-heading h2{font-size:16px;text-transform:uppercase;letter-spacing:.6px}.ha-setup-heading>span{font:12px monospace;color:#687b96}.ha-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ha-mode-card{padding:24px;border:2px solid var(--arc-ink);border-radius:15px;background:white;box-shadow:3px 4px 0 var(--arc-ink)}.ha-mode-card.ha-selected{outline:3px solid #4835d526;outline-offset:3px;border-color:var(--arc-purple)}.ha-mode-card h3{font-size:24px;margin:14px 0 8px;letter-spacing:-.6px}.ha-mode-card p{font-size:14px;color:#5c6c87;min-height:44px;margin-bottom:24px}.ha-mode-tag{display:inline-block;font-size:12px;font-weight:800;padding:5px 8px;background:var(--arc-yellow);border:1px solid var(--arc-ink);box-shadow:1px 2px 0 var(--arc-ink);transform:rotate(-2deg)}.ha-mode-tag.ha-mint{background:var(--arc-mint)}.ha-mode-buttons{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #e0e6f0;padding-top:18px}.ha-mode-buttons button{font-size:14px;font-weight:700;background:#f4f6fb;color:var(--arc-ink);border:1px solid #b3bfd4;border-radius:8px;padding:12px}.ha-mode-buttons button[aria-pressed=true]{background:var(--arc-purple);color:white;border-color:var(--arc-ink);box-shadow:2px 2px 0 var(--arc-ink)}#hundredView .primary,#hundredView .secondary{border:2px solid var(--arc-ink);border-radius:10px;box-shadow:2px 3px 0 var(--arc-ink);font-size:14px;font-weight:800;min-height:44px;padding:12px 18px}#hundredView .primary{background:var(--arc-blue);color:white}#hundredView .primary:hover{background:#2546df}#hundredView .secondary{background:white;color:var(--arc-ink)}#hundredView #hundredCreateRoom{background:var(--arc-yellow);color:var(--arc-ink)}#hundredView #hundredSoloLaunch{background:var(--arc-purple)}#hundredView #hundredNext,#hundredView #hnNext{background:var(--arc-mint);color:var(--arc-ink)}#hundredView button:focus-visible{outline:3px solid var(--arc-blue);outline-offset:4px}#hundredView .hundred-options{margin:22px 0;gap:20px}#hundredView .hundred-options label{font-size:14px}#hundredView select,#hundredView input{border:1px solid #c1cbe0;background:#fff}#hundredView .hundred-layout{grid-template-columns:minmax(280px,1.3fr) minmax(270px,1fr);gap:26px}#hundredView .hundred-clockbar{background:#f6f8fc;color:var(--arc-ink);border:2px solid var(--arc-ink);border-bottom:0;border-radius:16px 16px 0 0;padding:22px 24px}#hundredView .hundred-clockbar>div{align-items:flex-start;flex-direction:column;gap:10px}#hundredView .hundred-clockbar>div:last-child{align-items:flex-end}#hundredView .hundred-clockbar span{max-width:none;color:#70829e;font-size:12px;letter-spacing:1px}#hundredView .hundred-clockbar strong{display:grid;place-items:center;min-width:100px;min-height:76px;border:2px solid var(--arc-ink);border-radius:14px;box-shadow:3px 3px 0 var(--arc-ink);font-size:44px;color:var(--arc-purple);background:white;padding:8px 16px}#hundredView .hundred-clockbar>div:last-child strong{background:var(--arc-ink);color:var(--arc-yellow);box-shadow:none}#hundredView .hundred-track{border-left:2px solid var(--arc-ink);border-right:2px solid var(--arc-ink);height:7px;background:#e6ecf5}#hundredView .hundred-track>div{background:#16b586}#hundredView .hundred-sheet{border:2px solid var(--arc-ink);border-top:0;background-color:#fbfcff;background-image:linear-gradient(#c0cce02b 1px,transparent 1px),linear-gradient(90deg,#c0cce02b 1px,transparent 1px);border-radius:0 0 16px 16px;box-shadow:3px 5px 0 var(--arc-ink)}#hundredView #hundredCover,#hundredView .hn-cover{background:#f6f8fc}#hundredView .hundred-controls{background:#fff}#hundredView #hundredStatus,#hundredView #hnStatus{background:#f5f5ff;border:1px dashed #aaa1fa;border-radius:10px;padding:16px;color:#273669;font-size:16px}#hundredView .hundred-scores>div{box-shadow:2px 3px 0 #17244816;background:white}.ha-live-scorecard{margin-top:24px;border-top:1px solid #dbe3f0;padding-top:18px}.ha-live-scorecard h3{font-size:18px;margin:0}.ha-live-scorecard .hundred-history{margin:10px 0;max-height:300px;overflow:auto}.ha-live-scorecard table{font-size:14px}.ha-live-scorecard th{font-size:12px;color:#62728e;text-transform:uppercase}.ha-live-scorecard td:last-child{color:#087954;font-weight:700}#hundredView .ha-leaderboard{margin-top:34px;background:#fff}.ha-board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.ha-top-badge{background:var(--arc-yellow);font-weight:900;border:2px solid var(--arc-ink);padding:10px 14px;border-radius:9px;transform:rotate(3deg);white-space:nowrap}.ha-leaderboard>p{font-size:16px;color:#62728e}.ha-leaderboard table th{font-size:12px;color:#62728e;letter-spacing:.7px;text-transform:uppercase}.ha-leaderboard td:last-child{font-weight:800;font-variant-numeric:tabular-nums;color:var(--arc-purple)}.ha-leaderboard tr:first-child td{background:#fff9dc}.ha-leaderboard td:nth-child(2){overflow-wrap:anywhere}.ha-finish-time{display:block;font-size:54px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--arc-purple);margin:24px 0}#hundredSaveDialog{border:2px solid var(--arc-ink);border-radius:18px;box-shadow:5px 6px 0 var(--arc-ink);max-width:510px;padding:30px}#hundredSaveDialog h2{font-size:30px}#hundredSaveDialog::backdrop{background:#172448a8;backdrop-filter:blur(5px)}#hundredSaveDialog p{font-size:16px}.ha-save-actions{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}#hundredSaveError{color:#a22d28}#hundredSaveDialog #hundredSaveSkip{background:#f3f5fb}#hnRecordNote{font-size:16px}@media(max-width:740px){.ha-mode-cards{grid-template-columns:1fr}.ha-setup-heading>span{display:none}.ha-mode-card{padding:20px}.ha-mode-card p{min-height:0}#hundredView .hundred-layout{grid-template-columns:1fr}#hundredView .room-card{padding:20px}#hundredView .hundred-clockbar{padding:18px}#hundredView .hundred-clockbar strong{font-size:36px;min-width:90px;min-height:68px;padding:8px}#hundredView #hnTimer{font-size:30px}#hundredView .hundred-controls{position:static}#hundredView .hundred-layout>.hundred-controls{grid-row:auto}.ha-save-actions button{flex:1}#hundredSaveDialog{padding:24px}.ha-finish-time{font-size:44px}}
.hn-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hn-connection p{margin:0}.hn-connection button{flex-shrink:0}#hnScores{max-height:210px;overflow:auto;overscroll-behavior:contain}#hnScores>div{flex:1 1 150px}.hn-finder-popup{position:fixed;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));padding:28px 24px;border:2px solid #182c52;border-radius:22px;background:#fff8d9;color:#182c52;box-shadow:0 12px 0 #182c5220,0 24px 80px #182c5240;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;pointer-events:none;overflow-wrap:anywhere;animation:hn-found-in .18s ease-out}.hn-finder-popup strong{font-size:clamp(26px,6vw,40px);line-height:1.15;max-width:100%}.hn-finder-popup>span:last-child{font-size:18px;font-weight:700}.hn-finder-badge{font-size:12px;font-weight:900;letter-spacing:1.5px;background:#c3f5dc;border:1px solid #182c52;border-radius:100px;padding:7px 12px}.hn-finder-popup[hidden],.hn-connection[hidden]{display:none!important}@keyframes hn-found-in{from{opacity:0;transform:translate(-50%,-45%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.hn-finder-popup{animation:none}}@media(max-width:740px){#hnScores{max-height:150px;gap:8px}#hnScores>div{padding:8px 10px;flex-basis:130px}#hnScores strong{font-size:20px}}

.hundred-app-link{display:inline-flex;align-items:center;min-height:44px;margin-top:5px;font-size:13px;font-weight:800;color:#4835d5;text-decoration:none;border:1px solid #c8c4eb;border-radius:10px;padding:10px 14px;background:#f3f1ff}