.picker-section{min-height:calc(100svh - 215px);display:flex;flex-direction:column;justify-content:center;padding-top:30px;padding-bottom:35px}
.picker-heading{text-align:center;margin-bottom:22px}.picker-heading .eyebrow{justify-content:center;margin-bottom:8px}.picker-heading h1{font-size:clamp(42px,5vw,66px);margin:0}
.game-picker{display:grid;grid-template-columns:52px minmax(0,620px) 52px;justify-content:center;gap:20px;align-items:center;max-width:100%;width:100%;margin:auto}
.picker-card{border:1px solid #59406d;background:#1d1627;border-radius:14px;overflow:hidden;box-shadow:0 20px 65px #0003;min-width:0}
.preview-link{display:block;position:relative;isolation:isolate;overflow:hidden;background:#121017}
#game-preview{width:100%;height:clamp(230px,40svh,370px);object-fit:cover;display:block}
.play-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:80px;width:80px;border:1px solid #ffffffa0;border-radius:50%;display:grid;place-items:center;background:#191124d9;color:var(--green);font-size:36px;padding-left:5px;box-shadow:0 0 45px #a15aff55;transition:background .2s}
.preview-link:hover .play-symbol{background:#543079}
.preview-duration{position:absolute;top:16px;right:16px;padding:6px 10px;border-radius:4px;background:#131018df;color:#e2d4ef;font-size:12px;letter-spacing:1px}
.picker-info{padding:22px 26px}.picker-info .eyebrow{margin:0 0 8px}.picker-info h2{font-size:44px;margin:0 0 10px}.picker-info p{color:var(--muted);font-size:14px;margin:0;min-height:24px}
.picker-arrow{width:52px;height:52px;border:1px solid #594369;border-radius:50%;background:#241c2f;color:var(--green);font-size:27px}.picker-arrow:hover{background:#3e2b55}
.picker-position{text-align:center;font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted);margin:20px 0 0;letter-spacing:3px}
.picker-ranking{width:min(620px,100%);margin:24px auto 0;padding:20px 25px;border:1px solid #4c3b60;border-radius:10px;background:#1b1622}.picker-ranking-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}.picker-ranking h2{font-size:27px;letter-spacing:0}.picker-ranking-heading>span{font-size:10px;color:var(--green);white-space:nowrap}.picker-ranking .score-list{margin:0;max-height:310px;overflow:auto}.picker-ranking-note,#picker-score-status{font-size:12px;color:var(--muted);margin:12px 0 0}.picker-ranking-note{border-top:1px solid #ffffff15;padding-top:12px}
.game-countdown{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#171020e8;cursor:default;text-align:center}
.game-countdown strong{font-family:var(--heading);font-size:110px;line-height:1;color:var(--green)}.game-countdown span{font-size:14px;letter-spacing:1px;color:#d7c6e6}
.game-page .page-intro .back-link{margin-bottom:20px}
.game-page .mini-heading h1{font-size:52px}
.snake-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,1fr);gap:26px;align-items:start}
.snake-arena{position:relative;background:#121019}
#snake-board{display:block;width:100%;height:auto;aspect-ratio:20/16;touch-action:none;outline-offset:-4px;max-height:58svh;object-fit:contain}
.snake-rules{padding:20px;border:1px solid #42304f;background:#1b1523;border-radius:10px}
.snake-rules h2{font-size:30px;margin-bottom:16px}.snake-rules ul{list-style:none;padding:0;margin:0 0 18px}.snake-rules li{font-size:16px;padding:7px 0;display:flex;justify-content:space-between;gap:12px}.snake-rules p{font-size:14px;color:var(--muted);margin:14px 0}
.snake-feedback{min-height:28px;color:var(--green);font-size:14px;margin:10px 0}
.direction-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px);justify-content:center;gap:6px;margin-top:18px}.direction-pad button{border:1px solid #5d4274;border-radius:6px;background:#30233e;color:white;font-size:23px;touch-action:manipulation}.direction-pad button[data-direction=up]{grid-column:2}.direction-pad button[data-direction=left]{grid-row:2;grid-column:1}.direction-pad button[data-direction=down]{grid-row:2;grid-column:2}.direction-pad button[data-direction=right]{grid-row:2;grid-column:3}
.snake-arena .round-result .save-note{margin-top:10px}.snake-arena .round-result h2{font-size:28px}.snake-arena .result-number{font-size:64px}
@media(max-width:760px){.game-picker{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}.picker-arrow{width:36px;height:42px;border-radius:7px;font-size:23px}.picker-info{padding:17px}.picker-info h2{font-size:36px}.picker-info p{font-size:14px;min-height:48px}.picker-heading h1{font-size:42px}.picker-section{padding-left:3%;padding-right:3%}.play-symbol{height:65px;width:65px;font-size:30px}.snake-layout{grid-template-columns:1fr;gap:15px}.game-page .mini-heading h1{font-size:42px}.snake-rules{padding:15px}.snake-rules ul{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.snake-rules li{font-size:14px}.snake-rules h2{font-size:26px}.snake-arena .round-result{padding:12px}.snake-arena .result-number{font-size:44px}.snake-arena .round-result p{margin-bottom:8px}.snake-arena .round-result .save-note{font-size:11px}.game-countdown strong{font-size:85px}}