.cb-game{width:min(100%,700px);margin:auto;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding:12px}.cb-game h1{margin:0;text-align:center;font-size:24px}.cb-game p{text-align:center;margin:0;line-height:1.4}.cb-modes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.cb-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#c8bfdb}.cb-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;overflow:auto}.cb-history ol{list-style:none;margin:0;padding:0;display:grid;gap:3px;align-content:start}.cb-history li{display:flex;gap:3px;align-items:center;min-width:0}.cb-index{font-size:10px;width:20px;color:#b7abc9;flex:none}.cb-digit{display:grid;place-items:center;background:#282235;border:1px solid #534767;border-radius:5px;flex:1;min-width:0;height:25px;font-size:16px;font-weight:800;color:#c1b6d1}.cb-digit.gray{background:#44414c;color:#fff}.cb-digit.yellow{background:#f5cf45;color:#241c02;border-color:#ffe794}.cb-digit.green{background:#48bb79;color:#052c17;border-color:#8ce8ae}.cb-entry{display:flex;justify-content:center;gap:10px;flex:none}.cb-entry>span{display:grid;place-items:center;width:52px;height:52px;border:2px solid #a18bca;border-radius:10px;background:linear-gradient(#282237,#161020);font:800 30px monospace;box-shadow:inset 0 3px 8px #0008}.cb-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:min(100%,300px);align-self:center;flex:none}.cb-keypad button{min-height:40px;padding:7px;font-size:20px;touch-action:manipulation}.cb-keypad button:last-child{font-size:12px}.cb-game .game-bottom{display:flex;gap:8px;justify-content:center;position:static;margin:0}.cb-handoff{display:grid;place-items:center;gap:20px;min-height:300px}.cb-cover{display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#503c72,#111020);gap:6%;color:#dfff87}.cb-cover>span{font-size:clamp(32px,7vw,90px)}.cb-cover>b{letter-spacing:.2em;font:900 clamp(24px,5vw,66px) monospace}
@media(max-height:700px){.cb-game{gap:5px;padding:6px}.cb-game h1{font-size:19px}.cb-digit{height:21px;font-size:14px}.cb-entry>span{width:40px;height:40px;font-size:25px}.cb-keypad button{min-height:33px;padding:4px}.cb-game .game-bottom button{min-height:30px;padding:5px 10px}.cb-status{font-size:13px}}
@media(orientation:landscape) and (max-height:550px){.cb-game{max-width:850px;display:grid;grid-template-columns:1fr 250px;gap:5px 15px}.cb-game>h1,.cb-game>.cb-status,.cb-game>.cb-meta{grid-column:1/-1}.cb-history{grid-column:1;grid-row:4/7;max-height:60dvh}.cb-entry,.cb-keypad{grid-column:2}.cb-game>#online-notice,.cb-game>.game-bottom{grid-column:1/-1}.cb-history li{min-height:22px}.cb-handoff{grid-column:1/-1;min-height:180px}.cb-modes{grid-column:1/-1}}

.cb-five .cb-entry>span{width:42px;height:48px}.cb-five .cb-digit{font-size:13px}.cb-five .cb-index{width:17px}.cb-five .cb-history li{gap:2px}
@media(orientation:landscape) and (max-height:550px){.cb-solo>.small-note{grid-column:1/-1}.cb-five .cb-entry>span{width:35px;height:40px}}

.cb-modes button.primary[data-cb-mode]{background:#f8d866;color:#241c0c;border-color:#f8d866;box-shadow:0 0 12px #f8d86633}

.cb-final{display:grid;gap:12px;text-align:center}.cb-overall{font-weight:800;color:#f8d866}.cb-standings{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.cb-standings th,.cb-standings td{padding:8px;border-bottom:1px solid #ffffff22}.cb-standings td:last-child,.cb-standings th:last-child{text-align:right}.cb-standings .cb-top{color:#f8d866;font-weight:700}.victory-card:has(.cb-standings){max-height:85dvh;overflow:auto;box-sizing:border-box}

.online-series{display:flex!important;max-height:100%;overflow:auto}.cb-game>.cb-final{grid-column:1/-1;max-height:100%;overflow:auto}

.victory-card:has(.result-share-icon),.online-series:has(.result-share-icon),.cb-final:has(.result-share-icon){position:relative}.result-share-icon{position:absolute;top:12px;right:12px;width:44px;height:44px;min-height:44px;padding:10px;display:grid;place-items:center;z-index:2;border-radius:12px}.result-share-icon svg{width:24px;height:24px}.online-series:has(.result-share-icon)>h1{padding-inline:48px}

.cb-game>h1:has(.cb-leave-icon){position:relative;padding-inline:44px;min-height:40px;display:flex;align-items:center;justify-content:center}.cb-leave-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10;display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:7px;border:1px solid #ff667f;border-radius:14px;background:#35202c;color:#ff667f;touch-action:manipulation}.cb-leave-icon:active{background:#743142}.cb-leave-icon:focus-visible{outline:2px solid #ff667f;outline-offset:3px}