:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #090f10; color: #f0f5f1; --mint:#83eba6; --muted:#8da39e; --line:#ffffff12; }
* { box-sizing:border-box; }
html,body { margin:0; width:100%; height:100%; overflow:hidden; overscroll-behavior:none; }
body { height:100dvh; padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
button { font:inherit; cursor:pointer; touch-action:manipulation; }
button:disabled { cursor:wait; opacity:.65; }
button:focus-visible,summary:focus-visible,input:focus-visible { outline:2px solid var(--mint); outline-offset:5px; }
button:active:not(:disabled) { transform:translateY(1px); }
p,h1,h2,h3 { margin:0; }
[hidden] { display:none !important; }
.mint { color:var(--mint); }
#game { position:relative; width:100%; height:100%; background:#090f10; }
#unity-canvas { display:block; width:100%; height:100%; outline:none; touch-action: none; -webkit-user-select:none; user-select:none; }
.screen { position:absolute; inset:0; z-index:2; overflow:auto; overscroll-behavior:contain; background:#090f10; scrollbar-width:thin; scrollbar-color:#314a41 transparent; }
.screen-inner { position:relative; width:100%; max-width:480px; margin:auto; padding:28px 28px 18px; }
.start-inner { min-height:100%; display:flex; flex-direction:column; padding-bottom:32px; }
.eyebrow { display:flex; gap:8px; align-items:center; font-size:9px; font-weight:650; letter-spacing:.15em; color:#afbeb6; }
.edition { margin-left:auto; font-size:9px; font-weight:450; color:#6f8981; }
.signal-dot { width:5px; height:5px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px #83eba655; }
.more-button { margin-left:auto; min-width:74px; min-height:44px; padding:8px 0 8px 10px; display:flex; align-items:center; justify-content:flex-end; gap:8px; border:0; background:transparent; color:#a7c0b3; font-size:9px; letter-spacing:.1em; }
.more-button span { font-size:21px; letter-spacing:1px; }
.header-controls { display:flex; align-items:center; gap:8px; margin-left:auto; }
.sound-compact { min-height:44px; border:0; padding:5px; background:transparent; color:var(--mint); font-size:8px; letter-spacing:.06em; }
.sound-compact[aria-pressed="false"] { color:var(--muted); }
.start-art { position:absolute; inset:0; background:linear-gradient(0deg,#090f10 0%,#090f1000 42%,#090f1000 70%,#090f10b0 100%),url("start-art.jpg") center 49% / cover no-repeat; }
.title-block { padding-top:clamp(28px,6vh,62px); }
h1 { font-size:clamp(54px,16vw,83px); font-weight:800; line-height:.86; letter-spacing:-.06em; }
h1>span { display:block; margin-top:8px; }
h1 i { font-weight:300; font-style:normal; color:var(--mint); }
.title-dot { color:var(--mint); }
.tagline { color:#c2cec6; font-size:14px; margin-top:20px; letter-spacing:.01em; }
.art-space { flex:1; min-height:clamp(110px,25vh,245px); display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; gap:4px; padding-bottom:24px; color:#b7cec1; font-size:8px; font-weight:500; letter-spacing:.16em; text-shadow:0 1px 10px black; }
.player-strip { display:flex; justify-content:space-between; gap:20px; margin-bottom:16px; padding:15px 0; border-top:1px solid #b3e5c829; border-bottom:1px solid #b3e5c829; background:linear-gradient(90deg,#090f10c0,#090f1020); }
.micro-label { display:block; font-size:9px; color:var(--muted); letter-spacing:.13em; font-weight:500; }
.player-strip strong { display:block; margin-top:6px; font-size:17px; font-weight:550; letter-spacing:.01em; }
.player-name { border:0; padding:0; background:transparent; color:inherit; text-align:left; min-width:0; }
.player-name strong { overflow-wrap:anywhere; }
.player-name:hover:not(:disabled) strong { color:var(--mint); }
.name-edit-hint { display:block; margin-top:8px; color:var(--mint); font-size:8px; letter-spacing:.1em; }
.name-edit-hint span { font-size:12px; margin-left:5px; }
.player-name:disabled .name-edit-hint { visibility:hidden; }
.align-right { text-align:right; }
.primary { border:0; border-radius:4px; width:100%; min-height:58px; padding:16px 20px; background:var(--mint); color:#10271b; display:flex; justify-content:space-between; align-items:center; font-size:14px; letter-spacing:.06em; font-weight:750; box-shadow:0 5px 26px #83eba60c; }
.primary>span:last-child { font-size:25px; line-height:1; font-weight:400; }
.primary:hover:not(:disabled) { background:#a1f3bb; }
.how-to { text-align:center; font-size:12px; line-height:1.65; color:#afc1b8; margin:17px 0 12px; }
.fine-print { text-align:center; font-size:10px; line-height:1.5; color:#799088; }
.screen-footer { display:flex; justify-content:space-between; align-items:center; margin-top:27px; font-size:7px; letter-spacing:.12em; color:#5c776c; gap:8px; }
.text-button { color:var(--muted); background:none; border:0; padding:7px 0; font-size:inherit; letter-spacing:inherit; }
#loading { text-align:center; font-size:11px; color:#a6b8af; margin-top:12px; line-height:1.5; }
#load-note { font-size:10px; color:#6d887c; }
progress { display:block; width:100%; height:2px; border:0; appearance:none; overflow:hidden; background:#24372d; margin-bottom:10px; }
progress::-webkit-progress-bar { background:#24372d; }
progress::-webkit-progress-value { background:var(--mint); }
progress::-moz-progress-bar { background:var(--mint); }
.result-screen { --mint:#dfca91; --muted:#acc8be; color:#f5f0db; background:#102c2a38; }
.result-screen::before { content:none; }
.result-screen .screen-inner { position:relative; }
.result-screen .primary { border-radius:28px; background:#e7dba8; color:#173b35; box-shadow:0 8px 28px #071e2433; }
.result-screen .primary:hover:not(:disabled) { background:#f3e8bf; }
.result-screen .score-display { padding:20px 0; border:0; border-top:1px solid #c5ddc82b; border-bottom:1px solid #c5ddc82b; border-radius:0; background:transparent; }
.result-screen .score-display>strong { color:#fff4d4; }
.result-screen .challenge-button,.result-screen .replay-actions button { border-radius:16px; background:#bed4b90b; border-color:#c5ddc82b; color:#d9e4d3; }
.result-screen .wordmark { color:#f5f0db; font-size:19px; letter-spacing:.08em; }
#game-title>.title-dot { display:inline; }
.result-inner { min-height:100%; display:flex; flex-direction:column; }
.result-content { margin:auto 0; padding:24px; border:1px solid #d8e1ca45; border-radius:12px; background:#163b36f5; box-shadow:0 12px 32px #061c2440; }
.result-screen .result-heading { margin-top:0; }
.result-screen .eyebrow { margin-bottom:26px; padding:0 12px; border-radius:8px; background:#163b36ed; }
.wordmark { color:#c3d1c7; letter-spacing:-.025em; font-size:12px; font-weight:750; }
.wordmark span { color:var(--mint); font-weight:400; }
.result-heading { margin-top:32px; }
.result-kicker { color:var(--mint); font-size:9px; letter-spacing:.16em; font-weight:550; }
h2 { font-size:clamp(27px,8vw,36px); letter-spacing:-.04em; line-height:1.15; margin:7px 0; font-weight:650; }
#death-reason { color:var(--muted); font-size:12px; }
.score-display { display:flex; align-items:center; gap:22px; margin:20px 0; }
.score-display>strong { font-size:clamp(76px,23vw,110px); line-height:.85; letter-spacing:-.075em; font-weight:600; font-variant-numeric:tabular-nums; }
.score-display>div { border-left:1px solid #83eba62b; padding:5px 0 5px 20px; display:flex; flex-direction:column; gap:7px; }
#result-score[data-digits="4"] { font-size:70px; }
#result-score[data-digits="5"] { font-size:56px; }
#result-score[data-digits="6"] { font-size:44px; }
#result-best,#result-phase { font-size:10px; color:#b4c6bc; letter-spacing:.04em; }
.leaderboard { border:1px solid #ffffff10; border-radius:6px; padding:16px 16px 0; background:#101c178c; margin-bottom:16px; }
.board-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.board-heading h3 { font-size:10px; letter-spacing:.11em; font-weight:550; }
.badge { padding:4px 6px; border:1px solid #83eba621; border-radius:3px; font-size:8px; letter-spacing:.06em; color:#83b295; }
.board-message { font-size:12px; color:#8da99a; line-height:1.5; padding:2px 0 10px; }
.board-rows { padding:0; margin:0; list-style:none; }
.board-row { display:grid; grid-template-columns:25px 1fr auto; gap:8px; align-items:center; min-height:36px; border-top:1px solid var(--line); font-size:12px; }
.board-row>span:first-child { color:#7a9587; font-size:10px; font-variant-numeric:tabular-nums; }
.board-row strong { font-weight:500; overflow-wrap:anywhere; }
.board-row>strong { font-variant-numeric:tabular-nums; }
.board-row small { font-size:7px; color:var(--mint); margin-left:7px; letter-spacing:.1em; }
.board-row.leader>span:first-child { color:var(--mint); }
.own-row { margin:6px -16px 0; padding:4px 16px; background:#83eba60e; border-top:1px solid #83eba619; }
.own-row>strong { color:var(--mint); }
.edit-name-link { width:100%; border:0; border-top:1px solid var(--line); background:transparent; color:#86ad98; text-align:left; padding:8px 0; font-size:8px; letter-spacing:.11em; }
.rank-hint { color:#80a08b; font-size:10px; line-height:1.4; padding:10px 0 12px; }
.rank-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; margin:4px 0 24px; padding:15px 0; border:0; border-top:1px solid #83eba625; border-bottom:1px solid #83eba625; background:transparent; text-align:left; color:#c6d7cd; }
.rank-summary>span:first-child { min-width:0; }
.rank-summary strong { display:block; color:var(--mint); font-size:12px; letter-spacing:.08em; font-weight:650; }
.rank-summary small { display:block; margin-top:6px; color:#91aa9d; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.rank-link { flex-shrink:0; font-size:8px; letter-spacing:.07em; }
.rank-link span { font-size:17px; margin-left:5px; }
summary { cursor:pointer; display:flex; justify-content:space-between; padding:10px 0; font-size:10px; color:#acc5b6; border-top:1px solid var(--line); }
.app-interest { margin-top:20px; padding-top:17px; border-top:1px solid var(--line); }
.interest-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.interest-heading h3 { font-size:12px; font-weight:500; }
.interest-heading p { font-size:10px; color:#708b7c; margin-top:5px; }
.optional-label { font-size:7px; letter-spacing:.12em; color:#607f6c; }
.platform-buttons { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:12px 0 0; }
.platform-buttons button { display:flex; align-items:center; gap:10px; text-align:left; color:#b9cec1; border:1px solid #88bd9b25; background:#101a15; border-radius:5px; padding:11px 12px; font-size:13px; font-weight:550; min-height:54px; }
.platform-buttons button:hover { border-color:#83eba65a; }
.platform-buttons button[aria-pressed="true"] { border-color:var(--mint); color:var(--mint); }
.platform-buttons svg { width:19px; height:26px; stroke:currentColor; fill:none; stroke-width:1.4; flex-shrink:0; }
.platform-buttons small { display:block; font-size:7px; font-weight:400; color:#749281; letter-spacing:.08em; margin-bottom:2px; }
.vote-plus { margin-left:auto; color:#80ad90; font-size:14px; font-weight:400; }
#vote-status:empty { display:none; }
#vote-status { margin-top:9px; }
#action-error { margin-top:8px; color:#ffc1aa; }
.replay-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:10px; }
.replay-actions button { min-height:46px; border:1px solid #83eba63b; border-radius:4px; background:#101c17; color:#c6d7cd; padding:10px 8px; font-size:9px; font-weight:650; letter-spacing:.08em; }
.replay-actions button:hover:not(:disabled) { border-color:var(--mint); color:var(--mint); }
.replay-actions button:disabled { cursor:default; opacity:.38; }
.replay-status { min-height:14px; margin-top:7px; color:#69887a; text-align:center; font-size:7px; letter-spacing:.09em; line-height:1.5; }
.replay-status:empty { display:none; }
.challenge-button { width:100%; min-height:48px; margin-top:9px; padding:11px 14px; display:flex; align-items:center; justify-content:space-between; border:1px solid #83eba66b; border-radius:4px; background:linear-gradient(90deg,#13251d,#101a16); color:#d8e8de; font-size:10px; font-weight:650; letter-spacing:.09em; }
.challenge-button strong { color:var(--mint); font-size:10px; font-weight:700; }
.challenge-button:hover:not(:disabled) { border-color:var(--mint); background:#172a21; }
#rotate { display:none; position:absolute; inset:0; z-index:10; align-items:center; justify-content:center; flex-direction:column; gap:12px; padding:24px; text-align:center; background:#091011; }
#rotate>span { color:#98aca4; }
.phone { width:48px; height:82px; padding:6px; border:2px solid var(--mint); border-radius:9px; animation:turn 1.8s ease-in-out infinite; }
.phone span { display:block; width:100%; height:100%; border-radius:3px; background:#14221d; }
@keyframes turn { 0%,25% { transform:rotate(-90deg); } 70%,100% { transform:rotate(0); } }
@media (min-width:600px) { .start-art { background-size:auto 115%; } .screen-inner { max-width:460px; } }
@media (max-height:740px) { .screen-inner { padding-top:20px; padding-bottom:12px; } .title-block { padding-top:26px; } h1 { font-size:64px; } .tagline { margin-top:14px; } .art-space { min-height:90px; padding-bottom:18px; } .screen-footer { margin-top:18px; } .result-heading { margin-top:22px; } .score-display { margin:17px 0; } .score-display>strong { font-size:82px; } .app-interest { margin-top:15px; padding-top:14px; } }
@media (max-height:640px) { .screen-inner { padding:16px 22px 10px; } h1 { font-size:56px; } .art-space { min-height:70px; } .tagline { margin-top:10px; } .player-strip { padding:10px 0; margin-bottom:12px; } .how-to { margin:10px 0 7px; } .primary { min-height:52px; padding:12px 17px; } .screen-footer { margin-top:12px; } .result-heading { margin-top:15px; } h2 { font-size:28px; } .score-display { margin:16px 0; } .score-display>strong { font-size:70px; } .leaderboard { padding-top:12px; margin-bottom:12px; } .board-heading { margin-bottom:8px; } .board-row { min-height:31px; } .app-interest { margin-top:12px; padding-top:12px; } .platform-buttons { margin-top:10px; } }
@media (max-height:640px) { .result-heading { margin-top:12px; } h2 { font-size:26px; } .score-display { margin:12px 0; } .score-display>strong { font-size:62px; } .board-row { min-height:28px; } .rank-hint { padding:8px 0; } summary { padding:8px 0; } .app-interest { margin-top:10px; padding-top:10px; } .platform-buttons button { min-height:48px; padding:8px 12px; } .result-inner .screen-footer { margin-top:8px; } }
@media (max-height:640px) { #result-score[data-digits="4"] { font-size:54px; } #result-score[data-digits="5"] { font-size:46px; } #result-score[data-digits="6"] { font-size:38px; } }
@media (orientation: landscape) and (max-height:600px) and (pointer:coarse) { #rotate { display:flex; } }
@media (prefers-reduced-motion:reduce) { .phone { animation:none; } }
@media (max-width:380px) { .result-screen .screen-inner { padding-left:14px; padding-right:14px; } .result-screen .result-content { padding:20px 16px; } }
.consent-choice { margin-top:14px; padding:10px 12px; border:1px solid var(--line); border-radius:5px; background:#101a15; font-size:10px; line-height:1.5; color:#afc1b8; }
.consent-choice>div,.privacy-actions { display:flex; gap:8px; margin-top:8px; }
.consent-choice>div button,.privacy-actions button { flex:1; border:1px solid #88bd9b50; border-radius:4px; background:#14251c; color:#c2d7c9; padding:10px 7px; font-size:11px; min-height:40px; }
dialog { color:#c2d7c9; background:#101a15; border:1px solid #88bd9b50; border-radius:10px; padding:24px; width:calc(100% - 32px); max-width:450px; max-height:85dvh; overflow:auto; margin:auto; }
dialog::backdrop { background:#000b; }
dialog p { font-size:12px; line-height:1.6; margin:15px 0; }
dialog a { color:var(--mint); }
dialog .primary { margin-top:16px; justify-content:center; }
dialog .text-button { font-size:12px; text-decoration:underline; }
.dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; position:sticky; top:-24px; z-index:1; margin:-24px -24px 16px; padding:24px 24px 12px; background:#101a15; }
.dialog-heading h2 { font-size:27px; }
.close-button { flex-shrink:0; min-width:44px; min-height:44px; font-size:26px; border:1px solid #88bd9b30; border-radius:50%; background:transparent; color:#b9cec1; }
.settings-list { border-top:1px solid var(--line); }
.settings-row { display:flex; align-items:center; gap:12px; width:100%; min-height:52px; padding:14px 0; border:0; border-bottom:1px solid var(--line); background:transparent; color:#d0dfd5; font-size:13px; text-align:left; }
.settings-row>span:last-child:not(:first-child) { margin-left:auto; color:#86b398; }
.settings-row strong { min-width:0; margin-left:auto; font-size:12px; font-weight:400; color:var(--mint); overflow-wrap:anywhere; text-align:right; }
.settings-row.sound-toggle { color:var(--mint); font-size:11px; letter-spacing:.07em; }
.settings-help { border-bottom:1px solid var(--line); }
.settings-help summary { min-height:52px; align-items:center; padding:14px 0; border:0; font-size:13px; color:#d0dfd5; }
.settings-help p { color:#8fa89a; margin:0 0 16px; }
.settings-footer { margin-top:22px; color:#718e7d; font-size:10px; }
.settings-footer p { margin:0 0 10px; font-size:10px; }
#options-status:empty { display:none; }
#leaderboard-dialog .leaderboard { margin:0; }
#leaderboard-dialog .board-row { min-height:42px; }
#leaderboard-dialog .board-row>span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
#leaderboard-dialog .rank-hint { margin:0; }
@media (max-height:640px) { .result-content { padding:6px 0 16px; } .rank-summary { margin-bottom:18px; padding:12px 0; } .start-inner { padding-bottom:22px; } }
dialog label { display:block; margin:18px 0 7px; color:#91a99c; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
dialog input { width:100%; min-height:50px; border:1px solid #88bd9b50; border-radius:5px; padding:12px 14px; background:#09110d; color:#eff7f1; font:inherit; font-size:17px; }
.dialog-actions { display:grid; grid-template-columns:1fr 2fr; gap:9px; margin-top:18px; }
.dialog-actions>button { min-height:50px; border:1px solid #88bd9b50; border-radius:4px; background:#14251c; color:#c2d7c9; }
.dialog-actions>.primary { margin:0; min-height:50px; justify-content:center; color:#10271b; background:var(--mint); border:0; }
.form-status { min-height:18px; margin:8px 0 0; color:#ffc1aa; }
.replay-dialog { max-width:430px; }
.replay-dialog video { display:block; width:100%; max-height:48dvh; aspect-ratio:9/16; object-fit:contain; background:#050808; border:1px solid #83eba629; border-radius:6px; }
.replay-dialog-status { min-height:18px; margin:10px 0 0; color:#83b99a; font-size:9px; letter-spacing:.08em; text-align:center; }
.replay-open-file { display:block; padding:12px 0 0; text-align:center; font-size:12px; }
noscript { position:absolute; inset:25%; background:#091011; z-index:11; }
/* Plupp home: drawn pond, live typography and real player data. No art-baked UI. */
.start-screen { background:#214b43; color:#f5edce; --mint:#dfca91; --muted:#b8cbb8; }
.start-screen .start-art { display:none; }
.start-screen .start-inner { max-width:520px; padding-bottom:24px; }
.start-screen .title-block { text-align:center; padding-top:clamp(22px,5vh,60px); }
.pond-caption { font-size:9px; font-weight:600; letter-spacing:.16em; color:#c5d2ad; }
.start-screen h1 { margin-top:14px; font-family:ui-rounded,"Arial Rounded MT Bold",-apple-system,BlinkMacSystemFont,sans-serif; font-size:clamp(76px,21vw,104px); font-weight:850; letter-spacing:-.07em; line-height:.95; }
.start-screen .title-dot { color:#d8bd80; }
.start-screen .tagline { color:#d4deca; font-size:13px; margin-top:14px; }
.start-screen .art-space { align-items:center; justify-content:center; min-height:140px; padding:8px 0; }
.pond-illustration { display:block; width:calc(100% + 28px); max-width:480px; height:auto; max-height:32vh; object-fit:contain; }
.start-actions { padding:18px 20px 12px; border:1px solid #ccddbd26; border-radius:16px; background:#163b36; }
.start-screen .player-strip { background:none; border-top:0; margin-bottom:16px; padding:0 0 16px; }
.start-screen .primary { background:#e7dba8; color:#173b35; border-radius:28px; }
.start-screen .primary:hover:not(:disabled) { background:#f3e8bf; }
.home-board { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; margin-top:10px; padding:10px 18px; border:1px solid #ccddbd30; border-radius:24px; background:transparent; color:#d8e2cc; font-size:10px; letter-spacing:.1em; }
.home-board:hover { background:#ccddbd10; }
.start-screen .how-to { margin:12px 0 0; font-size:11px; }
dialog { background:#163b36; color:#f5edce; border-color:#d8e1ca45; border-radius:12px; --mint:#dfca91; --muted:#b8cbb8; }
dialog .dialog-heading { background:#163b36; border-bottom:1px solid #ccddbd25; }
dialog .close-button { background:#244b44; color:#f5edce; border-color:#d8e1ca35; }
dialog::backdrop { background:#081e1bcc; }
.settings-row,.settings-help summary { color:#e2e9d5; min-height:56px; }
.settings-help p,.settings-footer { color:#b5cabc; }
.settings-row>span:last-child:not(:first-child) { color:#d8bd80; }
dialog input { background:#102e29; border-color:#ccddbd40; color:#f5edce; }
.dialog-actions>.primary { background:#e7dba8; color:#173b35; }
.dialog-actions>button,.consent-choice,.consent-choice>div button,.privacy-actions button { background:#214b43; color:#e2e9d5; border-color:#ccddbd35; }
@media (max-height:740px) { .start-screen .title-block { padding-top:18px; } .start-screen h1 { font-size:76px; margin-top:8px; } .start-screen .art-space { min-height:112px; } .pond-illustration { max-height:24vh; } .start-screen .tagline { margin-top:10px; } .start-actions { padding-top:14px; } }
@media (max-width:360px) { .start-screen .screen-inner { padding-left:16px; padding-right:16px; } .start-actions { padding-left:16px; padding-right:16px; } }
#leaderboard-dialog { background:#163b36; color:#f5f0db; border:1px solid #d8e1ca45; border-radius:12px; --mint:#dfca91; --muted:#acc8be; }
#leaderboard-dialog .leaderboard { background:transparent; border:0; padding:12px 0 0; }
#leaderboard-dialog .close-button { background:#244b44; color:#f5f0db; border-color:#d8e1ca35; }
#leaderboard-dialog .board-row { grid-template-columns:38px minmax(0,1fr) auto; min-height:48px; color:#e6ecdf; }
#leaderboard-dialog .own-row { margin:8px 0 0; padding:8px 12px; background:#dfca9112; border:1px solid #dfca9140; border-radius:8px; }
#leaderboard-dialog .badge { color:#dfca91; border-color:#dfca9140; }
#leaderboard-dialog .board-message,#leaderboard-dialog .rank-hint { color:#b7cdc2; }
.board-columns { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:8px; padding:12px 0; border-bottom:1px solid #d8e1ca35; font-size:9px; letter-spacing:.08em; color:#b7cdc2; }
.board-columns>span:last-child { text-align:right; }
@media (max-height:740px) { .result-screen .result-content { margin:12px 0; padding:20px; } .result-screen .eyebrow { margin-bottom:12px; } }