.tetris-game{outline:none;min-width:0}.tetris-game:focus-visible{outline:2px solid var(--copyra-blue);outline-offset:5px;border-radius:12px}.tetris-options label{gap:7px}.tetris-options .tetris-check{flex-direction:row;align-items:center;gap:7px;display:inline-flex}.tetris-check input[type=checkbox]{accent-color:#7c72ff;width:17px;height:17px;min-height:0;margin:0}.tetris-best{color:var(--copyra-muted);margin-left:auto;font-size:12px}.tetris-best strong{color:var(--copyra-blue);margin-left:8px;font-size:18px}.tetris-stage{--tetris-accent:#6ce5d3;isolation:isolate;color:#eaf1ff;background:#080f24;border:1px solid #52649066;border-radius:20px;min-width:0;padding:28px clamp(12px,3vw,36px);position:relative;overflow:hidden;box-shadow:inset 0 0 90px #0003}.tetris-scenery{z-index:-1;pointer-events:none;background:radial-gradient(at 16% 10%,#3cd8c02b,#0000 45%),radial-gradient(at 80% 80%,#7c61f947,#0000 55%),linear-gradient(145deg,#091b29,#11102c 65%,#111d39);position:absolute;inset:0;overflow:hidden}.tetris-scenery:before{content:"";opacity:.5;background-image:radial-gradient(circle,#d8f1ffb3 .8px,#0000 1.2px),radial-gradient(circle,#d2c2ff91 1px,#0000 1.5px);background-position:17px 29px,50px 100px;background-size:79px 101px,139px 173px;position:absolute;inset:0}.tetris-scenery:after{content:"";filter:blur(24px);background:conic-gradient(from 220deg at 50% 40%,#0000,#5fffc417 12%,#0000 25%,#9974ff1f 40%,#0000 60%);animation:18s ease-in-out infinite alternate tetris-aurora;position:absolute;inset:-30%}.tetris-scenery i{border:1px solid #8c9aff19;border-radius:50%;width:60%;height:30%;position:absolute;bottom:9%;left:-15%;transform:rotate(-25deg);box-shadow:0 0 55px #6666cc12}.tetris-scenery i:nth-child(2){border-color:#61e5b52b;width:75%;bottom:6%;left:50%}.tetris-scenery i:nth-child(3){border-color:#b797ff1c;width:90%;height:60%;bottom:-20%;left:15%}.tetris-theme-neon .tetris-stage{--tetris-accent:#ff8cdd}.tetris-theme-neon .tetris-scenery{background:radial-gradient(at 50% 0,#c92c8f2b,#0000 65%),linear-gradient(#140e2b,#160e24 65%,#14254a)}.tetris-theme-neon .tetris-scenery:after{filter:none;background:repeating-linear-gradient(0deg,#0000 0 39px,#cc64ff29 40px 41px),repeating-linear-gradient(90deg,#0000 0 59px,#cc64ff29 60px 61px);animation:10s linear infinite tetris-neon;inset:50% -50% -30%;transform:perspective(260px)rotateX(45deg)}.tetris-theme-neon .tetris-scenery i{background:linear-gradient(#231936,#181528);border-color:#ed63df44;border-radius:2px;width:6%;height:42%;bottom:12%;left:4%;transform:none;box-shadow:0 0 25px #b533bf26}.tetris-theme-neon .tetris-scenery i:nth-child(2){border-color:#4cbfe94d;width:9%;height:60%;left:88%}.tetris-theme-neon .tetris-scenery i:nth-child(3){width:10%;height:27%;left:13%}.tetris-theme-sunset .tetris-stage{--tetris-accent:#ffc591}.tetris-theme-sunset .tetris-scenery{background:radial-gradient(circle at 78% 24%,#ffd197 0 5%,#ffb68121 5.2%,#0000 27%),linear-gradient(#222342,#65425d 50%,#c27e792e 85%)}.tetris-theme-sunset .tetris-scenery:after{filter:none;clip-path:polygon(0 83%,13% 60%,27% 80%,44% 50%,60% 82%,77% 55%,100% 84%,100% 100%,0 100%);background:linear-gradient(160deg,#464367,#1a2440);animation:none;inset:0}.tetris-theme-sunset .tetris-scenery i{display:none}.tetris-players{z-index:1;grid-template-columns:minmax(0,440px);justify-content:center;gap:clamp(20px,4vw,72px);display:grid;position:relative}.tetris-duo .tetris-players{grid-template-columns:repeat(2,minmax(0,400px))}.tetris-player{min-width:0}.tetris-player-title{letter-spacing:2px;color:var(--tetris-accent);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.tetris-player-title span{letter-spacing:1px;color:#b0c0dd;font-size:10px}.tetris-score{justify-content:space-between;align-items:end;margin:12px 0;display:flex}.tetris-score>div{flex-direction:column;gap:2px;display:flex}.tetris-score span{color:#afbed9;font-size:10px}.tetris-score strong{letter-spacing:-1px;color:#f4f6ff;font:700 clamp(22px,3vw,34px)/1.2 ui-monospace,monospace}.tetris-score>div:last-child{text-align:right}.tetris-score>div:last-child strong{font-size:21px}.tetris-arena{grid-template-columns:minmax(48px,80px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.tetris-reserve{background:#080f2680;border:1px solid #9bb8ff26;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.tetris-reserve>span{color:#a8bbdb;letter-spacing:2px;font-size:10px}.tetris-reserve>div:first-of-type{border-bottom:1px solid #adc5ff1f;width:100%;margin-bottom:5px;padding-bottom:4px}.tetris-mini{filter:drop-shadow(0 0 5px #bddaff29);width:100%;max-height:48px;display:block}.tetris-held-used{opacity:.4}.tetris-pending{text-align:center;flex-direction:column;gap:2px;margin-top:6px;display:flex}.tetris-pending strong{font:700 20px ui-monospace,monospace}.tetris-pending span{letter-spacing:0;color:#9cb1d1;font-size:9px}.tetris-pending.incoming strong{color:#ff93a8;text-shadow:0 0 15px #ff537d88}.tetris-board-shell{background:linear-gradient(160deg,#091322e8,#070b1de8);border:1px solid #9cb6ed55;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 5px #080e232e,0 20px 35px #03071466,0 0 28px #a4b3f111}.tetris-board{aspect-ratio:1/2;touch-action:none;width:100%;display:block;overflow:hidden}.tetris-active{filter:drop-shadow(0 0 3px #bddaff80)}.tetris-clear{pointer-events:none}.tetris-clear-beam{fill:#d7faff;transform-box:fill-box;transform-origin:50%;animation:.65s ease-out both tetris-beam}.tetris-clear-4 .tetris-clear-beam{fill:#fff2aa;filter:drop-shadow(0 0 7px #ffbb5a)}.tetris-spark{fill:#b4ffef;animation:.85s ease-out both tetris-spark;animation-delay:var(--spark-delay)}.tetris-clear-4 .tetris-spark{fill:#ffe59d}.tetris-clear-label{z-index:2;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;animation:1.2s ease-out both tetris-callout;display:flex;position:absolute;inset:40% 0 auto}.tetris-clear-label strong{color:#a1ffef;text-shadow:0 0 20px #48e7cf,0 3px #162e48;letter-spacing:3px;font:900 clamp(20px,4vw,36px)/1.2 ui-monospace,monospace}.tetris-clear-label span{color:#f5f7ff;font:700 12px ui-monospace,monospace}.tetris-four strong{color:#ffe1a2;text-shadow:0 0 25px #ff9565,0 3px #703b48;animation:.65s ease-out both tetris-four}.tetris-game .tetris-touch{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:16px 0 10px;display:grid}.tetris-game .tetris-touch button{color:#e5efff;touch-action:none;-webkit-user-select:none;user-select:none;background:#182541b3;border:1px solid #9fb1f04d;border-radius:9px;place-items:center;min-width:0;min-height:43px;padding:5px 2px;font-size:20px;transition:background .12s,border-color .12s;display:grid}.tetris-game .tetris-touch button:hover:not(:disabled){background:#384770c9;border-color:#a6bcff}.tetris-game .tetris-touch button:active:not(:disabled){background:#5361a4}.tetris-game .tetris-touch button:disabled{opacity:.35;cursor:not-allowed}.tetris-game .tetris-touch-hold{grid-column:span 2;font-size:12px}.tetris-game .tetris-touch-reverse,.tetris-game .tetris-touch-rotate,.tetris-game .tetris-touch-left,.tetris-game .tetris-touch-soft,.tetris-game .tetris-touch-right{grid-column:span 2}.tetris-game .tetris-touch-drop{background:linear-gradient(110deg,#3e4d8f99,#583c8199);grid-column:1/-1;min-height:36px;font-size:12px}.tetris-key-hint{color:#aabbd9;text-align:center;overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.8}.tetris-stage-overlay{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#060d2269;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.tetris-stage-overlay strong{letter-spacing:3px;color:#f2edff;text-shadow:0 0 35px #a093e399;font:900 clamp(22px,5vw,42px)/1.3 ui-monospace,monospace}.tetris-stage-overlay span{color:#bacbe8;font-size:12px}.tetris-rules{color:var(--copyra-muted);margin-top:18px;font-size:12px;line-height:1.9}.tetris-rules summary{cursor:pointer;color:var(--copyra-blue);padding:8px 0}.tetris-rules p{margin:8px 0}.tetris-is-paused .tetris-scenery:after{animation-play-state:paused}@keyframes tetris-aurora{0%{opacity:.5;transform:translate(-3%,-5%)rotate(-8deg)}to{opacity:1;transform:translate(5%,4%)rotate(14deg)}}@keyframes tetris-neon{0%{background-position:0 0}to{background-position:0 82px}}@keyframes tetris-beam{0%{opacity:1;transform:scaleX(.2)}30%{opacity:.95;transform:scaleX(1)}to{opacity:0;transform:scaleY(.05)}}@keyframes tetris-spark{0%{opacity:0;transform:translate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y))}}@keyframes tetris-callout{0%{opacity:0;transform:translateY(15px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1}to{opacity:0;transform:translateY(-35px)scale(1.06)}}@keyframes tetris-four{0%{filter:brightness(2);transform:scale(.6)}45%{transform:scale(1.12)}to{filter:brightness();transform:scale(1)}}.tetris-scenery i{background:0 0}.tetris-theme-neon .tetris-scenery i{background:linear-gradient(#231936,#181528)}.tetris-effects-off .tetris-scenery:after{animation:none}.tetris-effects-off .tetris-active{filter:none}@media (min-width:701px){.game-workbench:is(:fullscreen,.web-fullscreen):has(.tetris-game){padding:12px 20px}:is(.game-workbench:is(:fullscreen,.web-fullscreen):has(.tetris-game) .game-heading .kicker,.game-workbench:is(:fullscreen,.web-fullscreen):has(.tetris-game) .game-heading .description){display:none}.game-workbench:is(:fullscreen,.web-fullscreen):has(.tetris-game) .game-heading h1{margin:0;font-size:20px}.game-workbench:is(:fullscreen,.web-fullscreen) .tetris-game .game-controls{margin:8px 0}.game-workbench:is(:fullscreen,.web-fullscreen) .tetris-game .game-status{margin:8px 0;font-size:12px}.game-workbench:is(:fullscreen,.web-fullscreen) .tetris-stage{padding:16px}.game-workbench:is(:fullscreen,.web-fullscreen) .tetris-players{grid-template-columns:minmax(0,clamp(230px,50dvh - 162px,345px))}.game-workbench:is(:fullscreen,.web-fullscreen) .tetris-duo .tetris-players{grid-template-columns:repeat(2,minmax(0,clamp(230px,50dvh - 162px,345px)))}.game-workbench:is(:fullscreen,.web-fullscreen) .tetris-arena{grid-template-columns:66px minmax(0,1fr)}}@media (min-width:1100px){.tetris-duo .tetris-arena{grid-template-columns:66px minmax(0,1fr)}.tetris-duo .tetris-players{grid-template-columns:repeat(2,minmax(0,345px))}}@media (max-width:700px){.tetris-duo .tetris-players{grid-template-columns:minmax(0,360px);gap:32px}.tetris-stage{border-radius:14px;padding:20px 12px}.tetris-players{grid-template-columns:minmax(0,340px)}.tetris-arena{grid-template-columns:54px minmax(0,1fr);gap:9px}.tetris-player-title{letter-spacing:1px;font-size:10px}.tetris-best{margin-left:0}.tetris-options{gap:10px}.tetris-options>label:not(.tetris-check){flex:140px}.tetris-options select{width:100%}.tetris-game .tetris-touch{gap:6px}.tetris-game .tetris-touch button{min-height:44px}.tetris-reserve{gap:4px}.tetris-duo .tetris-player+.tetris-player{border-top:1px solid #8c9cc344;padding-top:25px}.tetris-stage-overlay strong{letter-spacing:1px}}@media (prefers-reduced-motion:reduce){.tetris-scenery:after,.tetris-clear-beam,.tetris-spark,.tetris-clear-label,.tetris-four strong{animation:none}.tetris-clear,.tetris-clear-label{display:none}.tetris-game .tetris-touch button{transition:none}}