.tetris-wrap{max-width:1120px;margin:0 auto;padding:28px 16px 72px;color:#07152f;font-family:inherit}
.tetris-rb-module{position:relative;z-index:30;width:100%;margin:0 0 18px;padding:0;overflow:visible!important}
.tetris-rb-module:not(:empty)::before{content:"";position:absolute;left:0;right:0;top:-18px;bottom:-18px;z-index:-1;pointer-events:auto}
.tetris-rb-module>*{width:100%!important;max-width:none!important;min-width:0;overflow:visible!important}
.tetris-rb-module .rb_section,.tetris-rb-module .rb_module,.tetris-rb-module .rb_widget,.tetris-rb-module .rb_box,.tetris-rb-module .rb_inner,.tetris-rb-module .rb_module_inner,.tetris-rb-module .rb_widget_inner{width:100%!important;max-width:none!important;overflow:visible!important}
.tetris-rb-top,.tetris-rb-top>*,.tetris-rb-top .rb_layout_box,.tetris-rb-top .content_box,.tetris-rb-top .flex_box_inner,.tetris-rb-top .add_module_wrap,.tetris-rb-top .rb_section,.tetris-rb-top .rb_module,.tetris-rb-top .rb_widget,.tetris-rb-top .rb_box,.tetris-rb-top .rb_inner,.tetris-rb-top .rb_module_inner,.tetris-rb-top .rb_widget_inner,.tetris-rb-bottom,.tetris-rb-bottom>*,.tetris-rb-bottom .rb_layout_box,.tetris-rb-bottom .content_box,.tetris-rb-bottom .flex_box_inner,.tetris-rb-bottom .add_module_wrap,.tetris-rb-bottom .rb_section,.tetris-rb-bottom .rb_module,.tetris-rb-bottom .rb_widget,.tetris-rb-bottom .rb_box,.tetris-rb-bottom .rb_inner,.tetris-rb-bottom .rb_module_inner,.tetris-rb-bottom .rb_widget_inner{padding:0!important;box-sizing:border-box}
section.co_gap_pc_20 .tetris-rb-module,.co_gap_pc_20 .tetris-rb-module,.co_gap_pc_20 .tetris-rb-module.flex_box{width:100%!important;max-width:100%!important;transform:none!important}
section.co_gap_pc_20 .tetris-rb-module .content_box,.co_gap_pc_20 .tetris-rb-module .content_box,.co_gap_pc_20 .tetris-rb-module .add_module_wrap{padding:0!important}
.tetris-rb-module:empty{display:none}
.tetris-rb-bottom{margin:18px 0 0}
.tetris-hero,.tetris-card,.tetris-game-shell{border:1px solid #d7e0f0;background:#fff;border-radius:8px;box-shadow:0 18px 45px rgba(20,37,65,.08)}
.tetris-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 36px;margin-bottom:20px;background:linear-gradient(120deg,#f8fbff,#fffaf1)}
.tetris-eyebrow{margin:0 0 6px;font-size:12px;font-weight:900;color:#315ba9;text-transform:uppercase}
.tetris-hero h1,.tetris-game-head h1{margin:0;font-size:34px;letter-spacing:0}
.tetris-hero p{margin:12px 0 0;line-height:1.55}
.tetris-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px;min-width:430px}
.tetris-hero-stats span{display:block;border:1px solid #d5deed;border-radius:8px;padding:14px 16px;background:#fff;font-weight:800}
.tetris-hero-stats strong{display:block;margin-bottom:4px;font-size:24px}
.tetris-card{padding:26px 28px;margin-bottom:20px}
.tetris-card h1,.tetris-card h2{margin:0 0 14px;font-size:22px}
.tetris-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tetris-mode{display:grid;gap:7px;padding:20px;border:1px solid #dbe3ef;border-radius:8px;color:inherit;text-decoration:none;background:#f8fafc;transition:border-color .15s,background .15s,transform .15s}
.tetris-mode:hover{border-color:#2f67b1;background:#f3f7ff;transform:translateY(-2px)}
.tetris-mode span{font-weight:900;font-size:16px}
.tetris-mode strong{font-size:23px;line-height:1.25}
.tetris-mode em{color:#64748b;font-size:13px;font-style:normal}
.tetris-mode b{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-width:86px;min-height:36px;margin-top:8px;padding:0 16px;border-radius:8px;background:#2f67b1;color:#fff;font-size:14px;font-weight:900}
.tetris-game-shell{padding:22px}
.tetris-game-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.tetris-hud{display:grid;grid-template-columns:repeat(5,minmax(96px,1fr));gap:10px;flex:1;max-width:760px}
.tetris-hud span{display:block;border:1px solid #d6dfef;border-radius:8px;padding:10px 12px;background:#fafcff;font-size:13px}
.tetris-hud strong{display:block;margin-top:4px;font-size:24px;line-height:1.1}
.tetris-stage{display:grid;grid-template-columns:minmax(300px,1fr) 220px;gap:16px;align-items:stretch}
.tetris-board-panel{position:relative;display:flex;justify-content:center;align-items:center;min-height:650px;border-radius:8px;background:linear-gradient(180deg,#16243c,#0f1728);padding:22px;overflow:hidden}
#tetris-board{width:min(44vh,360px);height:auto;max-width:100%;border:1px solid rgba(255,255,255,.14);background:#0c1424;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.tetris-side-panel{display:grid;gap:16px}
.tetris-side-panel section{border:1px solid #d6dfef;border-radius:8px;background:#fafcff;padding:16px}
.tetris-side-panel h2{margin:0 0 12px;font-size:17px}
#tetris-next{display:block;width:120px;height:120px;border-radius:8px;background:#101a2d}
.tetris-key-guide{display:grid;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid #dbe3ef;color:#475467;font-size:12px;line-height:1.35}
.tetris-key-guide span{display:flex;align-items:center;gap:5px;min-width:0}
.tetris-key-guide kbd{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:24px;padding:0 6px;border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:4px;background:#fff;color:#172033;font-family:inherit;font-size:11px;font-weight:900;line-height:1;box-shadow:0 1px 1px rgba(15,23,42,.06)}
.tetris-message{position:absolute;inset:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;background:rgba(12,20,36,.82);color:#fff;z-index:5}
.tetris-message[hidden]{display:none}
.tetris-message h2{margin:0 0 12px;font-size:32px}
.tetris-message p{margin:0 0 18px;font-weight:800}
.tetris-controls,.tetris-mobile-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tetris-btn,.tetris-mobile-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid #ccd7ea;border-radius:8px;background:#fff;color:#07152f;font-weight:900;text-decoration:none;cursor:pointer}
.tetris-btn-primary{background:#426db8;color:#fff;border-color:#426db8}
.tetris-side-actions .tetris-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.tetris-side-actions .tetris-btn{min-width:0;min-height:38px;padding:0 7px;font-size:12px;white-space:nowrap}
.tetris-mobile-controls{display:none}
.tetris-mobile-controls button{min-width:0;background:#f8fafc;font-size:21px;line-height:1}
.tetris-table{width:100%;border-collapse:collapse}
.tetris-table th,.tetris-table td{border-bottom:1px solid #e4eaf4;padding:10px;text-align:left}
.tetris-game-shell:fullscreen{width:100vw;height:100vh;max-width:none;border:0;border-radius:0;padding:12px;background:#fff;overflow:auto}
.tetris-game-shell:fullscreen .tetris-stage{grid-template-columns:1fr 220px}
.tetris-game-shell:fullscreen .tetris-board-panel{min-height:calc(100vh - 190px)}
.tetris-game-shell:fullscreen #tetris-board{width:min(48vh,420px)}
@media(max-width:900px){
    .tetris-hero,.tetris-game-head{display:block}
    .tetris-hero-stats{grid-template-columns:repeat(3,1fr);min-width:0;margin-top:18px}
    .tetris-start-grid,.tetris-stage{grid-template-columns:1fr}
    .tetris-hud{grid-template-columns:repeat(3,1fr);max-width:none;margin-top:14px}
    .tetris-side-panel{grid-template-columns:repeat(2,1fr)}
    .tetris-side-actions{grid-column:1/-1}
    .tetris-board-panel{min-height:560px}
}
@media(max-width:560px){
    .tetris-wrap{padding:16px 8px 60px}
    .tetris-hero,.tetris-card,.tetris-game-shell{padding:16px}
    .tetris-hero-stats,.tetris-hud,.tetris-side-panel{grid-template-columns:1fr 1fr}
    .tetris-board-panel{min-height:480px;padding:12px}
    #tetris-board{width:min(82vw,310px)}
    .tetris-btn,.tetris-mobile-controls button{min-height:42px;padding:0 14px}
}
@media(hover:none) and (pointer:coarse){
    .tetris-mobile-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
}
