body[data-game-id=tetris] #mainScreen .main-progress{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:20px 20px;gap:0;align-content:center}body[data-game-id=tetris] #mainScreen .main-progress>:is(strong,span){min-width:0;max-width:100%;margin:0;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-game-id=tetris] #battleScreen .battle-canvas{flex:1 1 auto;min-height:0;width:100%}body[data-game-id=tetris] #battleScreen .battle-panel{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--wp-frame-header-height,56px) minmax(0,1fr);gap:0;height:100%;min-height:0;padding:0 8px 8px;overflow:hidden}body[data-game-id=tetris] #battleScreen .battle-top{grid-column:1;grid-row:1;min-width:0;direction:ltr}body[data-game-id=tetris] #battleScreen .battle-content{box-sizing:border-box;grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 154px;grid-template-rows:56px minmax(0,1fr) 150px;gap:8px;min-width:0;min-height:0;padding:8px;overflow:hidden}body[data-game-id=tetris] .tetris-mission{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0;padding:0 4px}.tetris-mission>div:first-child{display:flex;justify-content:space-between;gap:6px;font-size:12px;line-height:17px}.tetris-mission strong{color:#edf5ff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tetris-mission span{color:#b5d1e3;white-space:nowrap;font-variant-numeric:tabular-nums}.tetris-level-meter{height:5px;flex:none;border-radius:3px;background:#19394c;overflow:hidden}.tetris-level-meter i{display:block;height:100%;background:linear-gradient(90deg,#71e1ce,#c4f591);transition:width .26s ease}body[data-game-id=tetris] #battleScreen .battle-content>.control-row{grid-column:2;grid-row:1;display:flex;gap:5px;align-items:center;justify-content:flex-end;min-width:0}body[data-game-id=tetris] #battleScreen .battle-content>.control-row button{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border-radius:12px;font-size:23px;color:#d5e8ee;background:#183345;border:1px solid #345668}body[data-game-id=tetris] #battleScreen .board-wrap{grid-column:1 / -1;grid-row:2;box-sizing:border-box;display:grid;min-width:0;min-height:0;height:100%;padding:8px;overflow:hidden;border:1px solid #345366;border-radius:16px;background:radial-gradient(ellipse at 25% 20%,#183649,#0b1c2a 65%);box-shadow:inset 0 1px #ffffff0b}body[data-game-id=tetris] #battleScreen #board{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;container-type:size;min-width:0;min-height:0;width:100%;height:100%}body[data-game-id=tetris] #battleScreen .tetris-grid{position:relative;isolation:isolate;grid-column:1;grid-row:1;order:0;width:min(360px,calc(50cqh - 4px),calc(100cqw - 88px));max-width:100%;height:auto;aspect-ratio:1 / 2;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr));box-sizing:border-box;padding:3px;gap:1px;border:2px solid #6d9caa;border-radius:7px;background:#06141e;direction:ltr;box-shadow:0 0 0 3px #07141f,0 0 28px #70e0c90e}body[data-game-id=tetris] .tetris-grid .grid-cell{min-width:0;min-height:0;border-radius:2px;background:#0e2535;border:1px solid #183344}body[data-game-id=tetris] .tetris-grid .ghost{background:#9ff7e717;border:2px dashed #a4e9db;box-shadow:inset 0 0 0 1px #b6ffee22}body[data-game-id=tetris] .tetris-grid :is(.filled,.active){background:var(--piece-color,#76ddca);border:1px solid #e8fffd;box-shadow:inset 2px 2px #ffffff65,inset -2px -2px #04132166}body[data-game-id=tetris] .tetris-grid .active{filter:brightness(1.15);box-shadow:inset 2px 2px #fff8,inset -2px -2px #04132166,0 0 5px #d4ffea66}body[data-game-id=tetris] [data-piece="0"]{--piece-color:#eec56c}body[data-game-id=tetris] [data-piece="1"]{--piece-color:#82d5b6}body[data-game-id=tetris] [data-piece="2"]{--piece-color:#b4a7e8}body[data-game-id=tetris] [data-piece="3"]{--piece-color:#e3a78b}body[data-game-id=tetris] [data-piece="4"]{--piece-color:#76b6d9}body[data-game-id=tetris] [data-piece="5"]{--piece-color:#d88fc3}body[data-game-id=tetris] [data-piece="6"]{--piece-color:#b3cb7f}body[data-game-id=tetris] .tetris-grid .lesson-gap{background:#8aefd62a;border-color:#9bf8db}body[data-game-id=tetris] .tetris-grid.is-locking .filled{animation:tetris-lock .16s ease-out both}body[data-game-id=tetris] .tetris-grid.is-clearing:after{content:"";position:absolute;pointer-events:none;z-index:3;inset:3px;background:linear-gradient(180deg,transparent 15%,#b3ffe8ae 55%,transparent 85%);animation:tetris-clear .44s ease-out both}body[data-game-id=tetris] .tetris-grid.is-danger{border-color:#eeab79;box-shadow:0 0 0 3px #eeab7922}body[data-game-id=tetris] .tetris-grid.is-celebrating{border-color:#b6ffe1;box-shadow:0 0 0 3px #9effce33,0 0 32px #9effce22}body[data-game-id=tetris] #battleScreen .tetris-next{position:relative;top:auto;right:auto;grid-column:2;grid-row:1;order:1;align-self:start;z-index:4;box-sizing:border-box;width:76px;display:grid;gap:12px;padding:12px 3px;text-align:center;border:1px solid #365566;border-radius:12px;background:#102735;color:#b7d2df;font-size:11px}body[data-game-id=tetris] .tetris-next-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:52px;height:52px;margin:auto;direction:ltr}body[data-game-id=tetris] .tetris-next-grid .filled{background:var(--piece-color,#eec56c);border:1px solid #f6ffef;box-shadow:inset 2px 2px #fff5,inset -2px -2px #0003}.tetris-pocket-stats{display:grid;gap:16px;padding:4px;border-top:1px solid #365566}.tetris-pocket-stats>div{display:grid;gap:5px;padding-top:6px}.tetris-pocket-stats strong{color:#f5f7ee;font-size:18px;line-height:22px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tetris-pocket-stats span{font-size:10px;color:#a8c7d4}.tetris-landing-key{margin:0;padding-top:6px;font-size:10px;line-height:1.5;color:#a4e9db}body[data-game-id=tetris] #battleScreen .game-message{display:none}body[data-game-id=tetris] #battleScreen #controls{grid-column:1 / -1;grid-row:3;box-sizing:border-box;display:grid;grid-template-rows:68px 72px;gap:8px;min-width:0;min-height:0;width:100%;padding:0;border:0;border-radius:0;background:transparent}body[data-game-id=tetris] #controls .control-row{display:grid;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:72px;gap:6px;direction:ltr}body[data-game-id=tetris] #controls button{min-width:0;min-height:48px;height:72px;padding:5px 2px;border:1px solid #446275;border-bottom:4px solid #091822;border-radius:12px;background:linear-gradient(#234456,#173141);color:#eff8fa;touch-action:manipulation}body[data-game-id=tetris] #controls .control-row button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;grid-column:auto;grid-row:2}body[data-game-id=tetris] #controls .control-row button:nth-child(n){grid-column:auto;grid-row:1}body[data-game-id=tetris] #controls .control-row button.primary{background:linear-gradient(#f4d48f,#dcb06b);border-color:#f8df9c;border-bottom-color:#806031;color:#172630}body[data-game-id=tetris] #controls .control-row button:disabled{opacity:.36;cursor:default}body[data-game-id=tetris] #controls .control-row button.is-taught{outline:2px solid #abf2d7;outline-offset:-3px}body[data-game-id=tetris] #controls .control-row button:is(:hover,:active,:focus){transform:none}body[data-game-id=tetris] #controls .control-row button:active{filter:brightness(1.3);box-shadow:inset 0 3px 10px #0004}.tetris-control-icon{font-size:23px;line-height:26px}.tetris-control-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:13px;text-align:center}.tetris-coach{grid-row:1;box-sizing:border-box;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;height:68px;padding:8px 10px;border:1px solid #3b596c;border-radius:12px;background:#122c3c}.tetris-coach p{margin:0;max-height:48px;overflow:auto;font-size:12px;line-height:16px;color:#d9ebee}.tetris-step{color:#b5eecf;font-size:18px;font-weight:800;text-align:center}body[data-game-id=tetris] #controls .tetris-skip{height:44px;min-height:44px;max-width:60px;padding:2px 6px;font-size:10px;border:1px solid #436579;border-radius:8px;background:#1b3a4d;color:#bdd2dd}.tetris-coach[data-tone=good]{border-color:#83cbb0;background:#133c39}.tetris-coach[data-tone=warning]{border-color:#da9e69;background:#3c3025}body[data-game-id=tetris] .round-label{min-width:0;font-size:13px;font-variant-numeric:tabular-nums}body[data-game-id=tetris] .tetris-dialog{box-sizing:border-box;width:min(88%,400px);max-height:88%;padding:22px;overflow:auto;border:1px solid #6a9da9;border-radius:18px;background:#102a3b;color:#f1f5fb;box-shadow:0 20px 80px #0008}body[data-game-id=tetris] .tetris-dialog::backdrop{background:#020c16bd;backdrop-filter:blur(4px)}body[data-game-id=tetris] .tetris-dialog h2{margin:0 0 14px}body[data-game-id=tetris] .tetris-dialog p{line-height:1.6;font-size:14px}body[data-game-id=tetris] .tetris-dialog button{width:100%;min-height:48px;margin:6px 0}.tetris-rule-demo{display:flex;align-items:center;gap:2px;margin:12px 0;direction:ltr}.tetris-rule-demo i{width:18px;height:18px;background:#76b6d9;border:1px solid #d2eeec}.tetris-rule-demo i:nth-child(10){background:#f4d48f}.tetris-rule-demo span{padding-left:8px;color:#adf3d6}body[data-game-id=tetris] #controls button:focus-visible{outline:3px solid #dbf9c7;outline-offset:2px}body[data-game-id=tetris][data-screen=result] .popular-arcade{width:min(100%,920px)!important;height:calc(100dvh - var(--wp-ad-reserve-height,0px))!important;padding:0!important}body[data-game-id=tetris][data-screen=result] #resultScreen{height:100%!important;overflow:auto}body[data-game-id=tetris][data-screen=result] #battleScreen{display:flex!important}body[data-game-id=tetris][data-screen=result] #resultScreen{position:absolute;inset:0;width:100%;box-sizing:border-box}body[data-game-id=tetris][data-screen=result] #resultScreen .arcade-panel{height:100%;box-sizing:border-box;padding:24px}body[data-game-id=tetris][data-screen=result] #resultScreen .arcade-panel{display:flex;flex-direction:column;justify-content:center;min-height:min-content}@media(orientation:landscape)and (max-height:430px){body[data-game-id=tetris] #battleScreen .battle-content{grid-template-columns:minmax(0,44%) minmax(0,1fr) 154px;grid-template-rows:56px minmax(0,1fr);gap:8px;padding:4px}body[data-game-id=tetris] .tetris-mission{grid-column:2;grid-row:1}body[data-game-id=tetris] #battleScreen .battle-content>.control-row{grid-column:3;grid-row:1}body[data-game-id=tetris] #battleScreen .board-wrap{grid-column:1;grid-row:1 / -1;padding:4px}body[data-game-id=tetris] #battleScreen #controls{grid-column:2 / -1;grid-row:2;align-self:end}body[data-game-id=tetris] #battleScreen #board{grid-template-columns:minmax(0,1fr) 62px;column-gap:6px}body[data-game-id=tetris] #battleScreen .tetris-grid{width:min(calc(50cqh - 4px),calc(100cqw - 72px))}body[data-game-id=tetris] #battleScreen .tetris-next{width:62px;padding:7px 2px;gap:6px}body[data-game-id=tetris] .tetris-next-grid{width:36px;height:36px}.tetris-pocket-stats{gap:4px;padding:0}.tetris-pocket-stats>div{padding:2px 0;gap:0}.tetris-pocket-stats strong{font-size:13px;line-height:16px}.tetris-landing-key{font-size:8px;padding:0}body[data-game-id=tetris][data-screen=result] #resultScreen .arcade-panel{justify-content:flex-start}}@keyframes tetris-lock{0%{filter:brightness(1.55)}to{filter:brightness(1)}}@keyframes tetris-clear{0%{opacity:0;transform:scaleY(.5)}30%{opacity:1}to{opacity:0;transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.tetris-level-meter i{transition:none}body[data-game-id=tetris] .tetris-grid.is-locking .filled{animation:none}body[data-game-id=tetris] .tetris-grid.is-clearing:after{animation:tetris-clear-reduced .16s ease-out!important}}@keyframes tetris-clear-reduced{0%{opacity:.6}to{opacity:0}}
