.page_main__nw1Wk{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.page_title__po7na{font-size:2.5rem;margin-bottom:2rem;text-align:center}.page_counter__2FkzJ{font-size:1.5rem;padding:1rem 2rem;border-radius:8px;background-color:white;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:opacity .3s ease}.page_counter__2FkzJ span{font-weight:700}.page_loading__4WMny{opacity:.7}.page_kiribanText__zrWtH{font-size:.8rem;margin-top:8px;font-weight:700;color:#d32f2f;text-align:center}@keyframes page_celebrate__WjFpr{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.page_kiribanAnimation__NRJPy{animation:page_celebrate__WjFpr 1s ease-in-out;animation-iteration-count:3;color:#ff4500;text-shadow:0 0 10px rgba(255,69,0,.7)}.page_messageForm___zU5j{margin-top:2rem;width:100%;max-width:500px}.page_textarea__aR4ZX{width:100%;min-height:100px;padding:.5rem;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:.5rem;resize:vertical;font-family:inherit;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);transition:border-color .3s ease}.page_textarea__aR4ZX:focus{outline:none;border-color:#1e88e5;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 0 3px rgba(30,136,229,.1)}.page_button__52WaL{padding:.5rem 1.5rem;background-color:#1e88e5;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.page_button__52WaL:hover{background-color:#1976d2}.page_button__52WaL:disabled{background-color:#bdbdbd;cursor:not-allowed}.page_messageList__s13V8{width:100%;max-width:500px;margin-top:2rem}.page_messageItem__xltc_{background-color:white;padding:1rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease}.page_messageItem__xltc_:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.page_messageContent__7hNnW{white-space:pre-wrap;word-break:break-word}.page_messageDate__TWnSD{font-size:.8rem;color:#757575;text-align:right;margin-top:.5rem}.page_error__JBrsB{color:#d32f2f;margin-top:.5rem;font-size:.9rem}.page_counterWrapper__RPJAO,.page_messageFormWrapper__nYfz4,.page_messageListWrapper__K6KFy{margin-bottom:1rem}.page_gridContainer__3JtBZ{display:block;width:100%;margin-top:2rem}@media screen and (min-width:768px){.page_counterWrapper__RPJAO{position:fixed;top:20px;left:20px;width:300px;z-index:10}.page_messageFormWrapper__nYfz4{position:fixed;bottom:20px;left:20px;width:300px;z-index:10}.page_gridContainer__3JtBZ{display:grid;grid-template-rows:auto 1fr;gap:20px;width:100%}.page_tetrisWrapper__UtMZD{grid-row:1;margin-left:340px}.page_messageListWrapper__K6KFy{grid-row:2;margin-left:340px;padding:20px}}.page_tetrisButton__ogGSx{padding:.5rem 1rem;background-color:#4CAF50;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-bottom:1rem;transition:background-color .3s ease}.page_tetrisButton__ogGSx:hover{background-color:#388E3C}.page_tetrisButton__ogGSx:disabled{background-color:#bdbdbd;cursor:not-allowed}.page_tetrisContainer__ny3F4{display:flex;padding:1rem;margin-top:1rem;flex-direction:row;gap:20px;align-items:flex-start}.page_tetrisGrid__w4cuB{display:flex;flex-direction:column;border:1px solid #ddd;width:250px;height:500px;overflow:hidden}.page_tetrisRow__IWvLS{display:flex}.page_tetrisCell__e8BA4{width:25px;height:25px;border:1px solid #eee;box-sizing:border-box}.page_tetrisFilled__XU_DH{background-color:#888}.page_tetrisPiece__Os8_G{background-color:#007bff}.page_tetrisStatus__SFpNS{font-size:1rem}.page_tetrisSidePanel__TAQNX,.page_tetrisStatus__SFpNS{display:flex;flex-direction:column;gap:10px}.page_holdPieceContainer__ibIb_,.page_nextPieceContainer__P08Zt{border:1px solid #ccc;padding:.5rem;min-height:100px;width:100px}.page_holdPiece__kyDcc,.page_nextPiece__mNhqg{display:flex;flex-direction:column;gap:2px}.page_gameOverOverlay__8LYnN{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;color:white}.page_tetrisPauseButton__ZgCmv{margin-top:1rem;padding:.5rem 1rem;background-color:#f0ad4e;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:700}.page_mobileControls___Zw6b{display:none;width:100%;margin-top:20px;padding:15px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1)}.page_mobileControlRow__qdeRC{display:flex;justify-content:center;margin-bottom:10px}.page_mobileControlRow__qdeRC:last-child{margin-bottom:0}.page_mobileControlButton__uE36W{width:60px;height:60px;margin:0 5px;border-radius:50%;border:none;background-color:#4CAF50;color:white;font-size:24px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.2);user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.page_mobileControlButton__uE36W:active{background-color:#388E3C;transform:translateY(2px);box-shadow:0 2px 3px rgba(0,0,0,.2)}.page_mobileControlButton__uE36W:disabled{background-color:#bdbdbd;cursor:not-allowed;box-shadow:none}@media screen and (max-width:768px){.page_mobileControls___Zw6b{display:block}.page_tetrisContainer__ny3F4{flex-direction:column;align-items:center}.page_tetrisSidePanel__TAQNX{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-top:10px}.page_tetrisStatus__SFpNS{flex-direction:row;gap:15px}.page_holdPieceContainer__ibIb_,.page_nextPieceContainer__P08Zt{width:80px;min-height:80px}}.page_keyboardInstructions__h0yRq{margin-top:20px;padding:15px;background-color:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:300px}.page_keyboardInstructions__h0yRq h3{margin-bottom:10px;text-align:center;color:#333}.page_keyboardInstructions__h0yRq ul{list-style-type:none;padding:0}.page_keyboardInstructions__h0yRq li{margin-bottom:8px;display:flex;align-items:center}.page_keyboardKey__KPtsk{display:inline-block;padding:3px 8px;margin-right:10px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.1);min-width:60px;text-align:center}@media screen and (max-width:768px){.page_keyboardInstructions__h0yRq{display:none}}@media screen and (max-width:480px){.page_mobileControlButton__uE36W{width:50px;height:50px;font-size:20px}.page_tetrisGrid__w4cuB{width:220px;height:440px}.page_tetrisCell__e8BA4{width:22px;height:22px}}.page_gameButtons__5Nc7S{display:flex;flex-direction:column;gap:10px;margin-bottom:1rem}.page_breakoutButton__VoC2y{padding:.5rem 1rem;background-color:#FF6B6B;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.page_breakoutButton__VoC2y:hover{background-color:#FF5252}.page_breakoutButton__VoC2y:disabled{background-color:#bdbdbd;cursor:not-allowed}.page_gameArea__uqicd{width:100%}@media screen and (min-width:768px){.page_gameButtons__5Nc7S{flex-direction:row;justify-content:flex-start;gap:15px}.page_breakoutButton__VoC2y,.page_tetrisButton__ogGSx{min-width:140px}}.breakout_breakoutContainer__wK0JG{display:flex;flex-direction:column;align-items:center;padding:1rem;max-width:800px;margin:0 auto}.breakout_gameWrapper__BxbMj{position:relative;margin-bottom:1rem;width:100%;max-width:480px}.breakout_breakoutCanvas__sesLn{display:block;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto;touch-action:none}.breakout_pauseButton__oZZUT{margin-top:1rem;padding:.5rem 1.5rem;background-color:#1e88e5;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.breakout_pauseButton__oZZUT:hover{background-color:#1976d2}.breakout_breakoutButton__lXnhS{padding:.5rem 1.5rem;background-color:#4CAF50;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-top:1rem;transition:background-color .3s ease}.breakout_breakoutButton__lXnhS:hover{background-color:#388E3C}.breakout_gameOverlay__5la4d{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;color:white;text-align:center;z-index:10}.breakout_gameOverlay__5la4d h2{font-size:2rem;margin-bottom:1rem}.breakout_gameOverlay__5la4d p{margin-bottom:.5rem;font-size:1.25rem}.breakout_mobileControls__sN5I_{display:flex;justify-content:space-around;width:100%;margin-top:1rem}.breakout_mobileControlButton__rbWY8{width:80px;height:80px;border-radius:50%;border:none;background-color:#4CAF50;color:white;font-size:32px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.2);user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.breakout_mobileControlButton__rbWY8:active{background-color:#388E3C;transform:translateY(2px);box-shadow:0 2px 3px rgba(0,0,0,.2)}.breakout_mobileControlButton__rbWY8:disabled{background-color:#bdbdbd;cursor:not-allowed;box-shadow:none}.breakout_keyboardInstructions__uGkCX{margin-top:1.5rem;padding:1rem;background-color:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:300px}.breakout_keyboardInstructions__uGkCX h3{margin-bottom:.75rem;text-align:center;color:#333}.breakout_keyboardInstructions__uGkCX ul{list-style-type:none;padding:0}.breakout_keyboardInstructions__uGkCX li{margin-bottom:.5rem;display:flex;align-items:center}.breakout_keyboardKey__vFcYO{display:inline-block;padding:3px 8px;margin-right:10px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.1);min-width:60px;text-align:center}@media screen and (max-width:768px){.breakout_keyboardInstructions__uGkCX{display:none}.breakout_mobileControlButton__rbWY8{width:70px;height:70px;font-size:28px}}@media screen and (max-width:480px){.breakout_mobileControlButton__rbWY8{width:60px;height:60px;font-size:24px}}