.software-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem;width:100%;padding:1rem 0}.software-card{background:#d4d0c8;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:0;box-shadow:3px 3px 0 rgba(0,0,0,.4);transition:all .15s;display:flex;flex-direction:column;min-height:180px}.software-card:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(0,0,0,.4);border-color:#fff #606060 #606060 #fff}.software-card-header{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:.6rem .8rem;display:flex;align-items:center;gap:.8rem;border-bottom:2px solid #000;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3)}.software-icon{font-size:2rem;line-height:1;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5));background:hsla(0,0%,100%,.15);padding:.3rem;border-radius:4px;border:1px solid hsla(0,0%,100%,.3)}.software-title-wrapper{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.software-name{font-weight:700;font-size:1.05rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:.3px}.software-category{font-size:.7rem;opacity:.95;text-transform:uppercase;letter-spacing:1px;background:rgba(0,0,0,.2);padding:.1rem .4rem;border-radius:3px;width:-moz-fit-content;width:fit-content;font-weight:600}.software-description{padding:1rem;font-size:.9rem;line-height:1.5;flex:1;margin:0;background:#d4d0c8;color:#000;font-weight:500}.software-link{display:block;text-align:center;padding:.7rem;background:silver;border-color:currentcolor #404040 #404040 #fff;border-top:3px solid #fff;color:navy;text-decoration:none;font-weight:700;font-size:.9rem;transition:all .1s;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.software-link:hover{background:#e0e0e0;color:#1084d0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9)}.software-link:active{border-color:#404040 #fff #fff #404040;background:#a0a0a0;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.wordle-container{width:100%;margin:1.5rem 0}.wordle-header{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:.6rem 1rem;border-bottom:2px solid #000;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3)}.wordle-title{font-size:1.3rem;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:3px;text-align:center}.wordle-body{background:#d4d0c8;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:1.5rem;box-shadow:3px 3px 0 rgba(0,0,0,.4)}.wordle-description{margin-bottom:1.5rem;color:#000;line-height:1.6;font-weight:500;font-size:.9rem}.wordle-message{text-align:center;padding:.8rem;margin-bottom:1rem;font-weight:700;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}.wordle-message.win{background:#c0ffc0;color:#006000}.wordle-message.lose{background:#ffc0c0;color:#600000}.wordle-grid{flex-direction:column;margin:1.5rem auto;width:-moz-fit-content;width:fit-content;padding:10px;background:grey;border-color:#404040 #e0e0e0 #e0e0e0 #404040;border-style:solid;border-width:2px}.wordle-grid,.wordle-row{display:flex;gap:5px}.wordle-cell{width:55px;height:55px;border-color:#fff #606060 #606060 #fff;border-style:solid;border-width:3px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#000;box-shadow:inset 1px 1px 2px rgba(0,0,0,.1)}.wordle-cell.filled{background:#e0e0e0;border-color:grey #e0e0e0 #e0e0e0 grey}.wordle-cell.correct{background:#00c000;border-color:#00c000 green green #00c000;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.wordle-cell.present{background:#ff0;border-color:#ff0 #c0c000 #c0c000 #ff0;color:#000;text-shadow:1px 1px 1px hsla(0,0%,100%,.5)}.wordle-cell.absent{background:grey;border-color:grey #404040 #404040 grey;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.wordle-keyboard{display:flex;flex-direction:column;gap:5px;margin:1.5rem auto;width:-moz-fit-content;width:fit-content}.keyboard-row{display:flex;gap:5px;justify-content:center}.keyboard-key{min-width:40px;height:50px;padding:0 8px;background:silver;border-color:#fff #606060 #606060 #fff;border-style:solid;border-width:3px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .1s;box-shadow:2px 2px 0 rgba(0,0,0,.3);color:#000}.keyboard-key:hover{background:#d0d0d0;border-color:#fff #505050 #505050 #fff}.keyboard-key:active{border-color:#606060 #fff #fff #606060;background:#a0a0a0;box-shadow:inset 1px 1px 2px rgba(0,0,0,.3)}.keyboard-key.special{font-size:.8rem;min-width:60px}.keyboard-key.correct{background:#00c000;border-color:#00c000 green green #00c000;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.keyboard-key.present{background:#ff0;border-color:#ff0 #c0c000 #c0c000 #ff0;color:#000}.keyboard-key.absent{background:grey;border-color:grey #404040 #404040 grey;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.wordle-reset-btn{display:block;margin:1rem auto 0;background:silver;color:#000;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:1px;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.wordle-reset-btn:hover{background:#d0d0d0;border-color:#fff #606060 #606060 #fff}.wordle-reset-btn:active{border-color:grey #fff #fff grey;background:#a0a0a0;box-shadow:inset 1px 1px 3px rgba(0,0,0,.3)}@media (max-width:768px){.wordle-cell{width:45px;height:45px;font-size:1.5rem}.keyboard-key{min-width:32px;height:45px;font-size:.9rem;padding:0 6px}.keyboard-key.special{min-width:50px;font-size:.7rem}.wordle-body{padding:1rem}}.drawing-container{width:100%;margin:1.5rem 0}.drawing-header{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:.6rem 1rem;border-bottom:2px solid #000;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3)}.drawing-title{font-size:1.3rem;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:3px;text-align:center}.drawing-body{background:#d4d0c8;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:1.5rem;box-shadow:3px 3px 0 rgba(0,0,0,.4)}.drawing-description{margin-bottom:1.5rem;color:#000;line-height:1.6;font-weight:500;font-size:.9rem}.drawing-controls{background:silver;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;padding:1rem;box-shadow:inset 1px 1px 2px rgba(0,0,0,.1)}.control-section,.drawing-controls{margin-bottom:1rem}.control-section:last-child{margin-bottom:0}.control-label{display:block;font-weight:700;margin-bottom:.5rem;color:#000;font-size:.9rem}.tool-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.tool-btn{background:silver;border-color:#fff #606060 #606060 #fff;border-style:solid;border-width:3px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .1s;box-shadow:2px 2px 0 rgba(0,0,0,.3);color:#000}.tool-btn:hover{background:#d0d0d0;border-color:#fff #505050 #505050 #fff}.tool-btn.active,.tool-btn:active{border-color:#606060 #fff #fff #606060;background:#a0a0a0;box-shadow:inset 1px 1px 2px rgba(0,0,0,.3)}.size-slider{width:100%;height:8px;background:grey;border-color:#404040 #e0e0e0 #e0e0e0 #404040;border-style:solid;border-width:2px;outline:none;cursor:pointer}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:silver;border-color:#fff #606060 #606060 #fff;border-style:solid;border-width:2px;cursor:pointer;box-shadow:1px 1px 0 rgba(0,0,0,.3)}.size-slider::-moz-range-thumb{width:20px;height:20px;background:silver;border-color:#fff #606060 #606060 #fff;border-style:solid;border-width:2px;cursor:pointer;box-shadow:1px 1px 0 rgba(0,0,0,.3)}.color-palette{display:grid;grid-template-columns:repeat(10,35px);gap:4px;margin-bottom:.5rem;padding:8px;background:grey;border-color:#404040 #e0e0e0 #e0e0e0 #404040;border-style:solid;border-width:2px;width:-moz-fit-content;width:fit-content}.color-btn{width:35px;height:35px;border-color:#fff #606060 #606060 #fff;border-style:solid;border-width:3px;cursor:pointer;transition:all .1s;box-shadow:1px 1px 0 rgba(0,0,0,.3)}.color-btn:hover{border-color:#fff #404040 #404040 #fff;transform:scale(1.05)}.color-btn.selected{border:4px solid red;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.custom-color-picker{width:100px;height:35px;border-color:#606060 #fff #fff #606060;border-style:solid;border-width:3px;cursor:pointer;background:silver}.canvas-wrapper{background:grey;border-color:#404040 #e0e0e0 #e0e0e0 #404040;border-style:solid;border-width:3px;padding:4px;margin:1rem 0;width:-moz-fit-content;width:fit-content;box-shadow:inset 2px 2px 4px rgba(0,0,0,.3)}.drawing-canvas{display:block;background:#fff;border:2px solid #000;cursor:crosshair}.drawing-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.action-btn{background:silver;color:#000;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:1px;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.action-btn:hover{background:#d0d0d0;border-color:#fff #606060 #606060 #fff}.action-btn:active{border-color:grey #fff #fff grey;background:#a0a0a0;box-shadow:inset 1px 1px 3px rgba(0,0,0,.3)}.clear-btn{background:#ff8080;border-color:#ffb0b0 #c06060 #c06060 #ffb0b0}.clear-btn:hover{background:#ff9090}.save-btn{background:#80ff80;border-color:#b0ffb0 #60c060 #60c060 #b0ffb0}.save-btn:hover{background:#90ff90}@media (max-width:900px){.drawing-canvas{max-width:100%;height:auto}.canvas-wrapper{width:100%;overflow-x:auto}.color-palette{grid-template-columns:repeat(5,35px)}.drawing-body{padding:1rem}.drawing-actions{flex-direction:column}.action-btn{width:100%}}.games-container{width:100%;padding:1rem 0}.games-container h2{margin-bottom:1rem}.games-container p{margin-bottom:1.5rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.game-selector{background:silver;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:1rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:2px 2px 0 rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:1px;color:#000}.game-selector:hover{background:#d0d0d0;border-color:#fff #606060 #606060 #fff}.game-selector:active{border-color:grey #fff #fff grey;background:#a0a0a0;box-shadow:inset 1px 1px 3px rgba(0,0,0,.3)}.game-selector.active{background:navy;color:#fff;border-color:navy;box-shadow:inset 2px 2px 3px rgba(0,0,0,.5)}.game-content{background:#d4d0c8;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:0;margin-top:1.5rem;box-shadow:3px 3px 0 rgba(0,0,0,.4)}.game-header{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:.6rem 1rem;border-bottom:2px solid #000;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3)}.game-title{font-size:1.3rem;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.game-body{padding:1.5rem}.game-description{margin-bottom:1.5rem;color:#000;line-height:1.6;font-weight:500}.reset-btn{background:silver;color:#000;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:all .15s;text-transform:uppercase;letter-spacing:1px;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.reset-btn:hover{background:#d0d0d0;border-color:#fff #606060 #606060 #fff}.reset-btn:active{border-color:grey #fff #fff grey;background:#a0a0a0;box-shadow:inset 1px 1px 3px rgba(0,0,0,.3)}.tictactoe-board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:4px;margin:1.5rem auto;width:-moz-fit-content;width:fit-content;background:grey;padding:4px;border-color:#404040 #e0e0e0 #e0e0e0 #404040;border-style:solid;border-width:2px}.tictactoe-cell{width:100px;height:100px;background:#fff;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;font-size:2.5rem;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);color:navy}.tictactoe-cell:hover{background:#f0f0f0;border-color:#606060 #fff #fff #606060}.tictactoe-cell:active{background:#e0e0e0;border-color:#404040 silver silver #404040;box-shadow:inset 2px 2px 3px rgba(0,0,0,.2)}.game-status{text-align:center;font-size:1.3rem;font-weight:700;margin:1rem 0;padding:.8rem;background:silver;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.5)}.winner-text{color:green}.draw-text,.winner-text{font-size:1.5rem;margin:0}.draw-text{color:olive}.snake-grid{display:grid;grid-template-columns:repeat(20,20px);grid-template-rows:repeat(20,20px);gap:0;background:#000;margin:1.5rem auto;width:-moz-fit-content;width:fit-content;border-color:grey #fff #fff grey;border-style:solid;border-width:3px;box-shadow:inset 2px 2px 4px rgba(0,0,0,.5)}.snake-cell{width:20px;height:20px;background:#000}.snake-cell.snake{background:#0f0}.snake-cell.food,.snake-cell.snake{box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.3)}.snake-cell.food{background:red}.snake-score{font-size:1.3rem;font-weight:700;margin-bottom:1rem;padding:.6rem;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.5)}.game-over,.snake-score{text-align:center;background:silver}.game-over{margin:1rem 0;padding:1rem;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.game-over p{font-size:1.3rem;font-weight:700;color:maroon;margin:.5rem 0}.game-hint{text-align:center;font-style:italic;color:navy;margin:1rem 0;padding:.5rem;background:hsla(0,0%,75%,.5);border:1px solid grey}.memory-grid{display:grid;grid-template-columns:repeat(4,80px);grid-template-rows:repeat(4,80px);gap:10px;margin:1.5rem auto;width:-moz-fit-content;width:fit-content;padding:10px;background:grey;border-color:#404040 #e0e0e0 #e0e0e0 #404040;border-style:solid;border-width:2px}.memory-card{width:80px;height:80px;background:teal;border-color:#0ff #004040 #004040 #0ff;border-style:solid;border-width:3px;font-size:2rem;cursor:pointer;transition:all .15s;box-shadow:2px 2px 0 rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.memory-card:hover{background:#009090;border-color:#0ff #003030 #003030 #0ff}.memory-card:active{border-color:#004040 #0ff #0ff #004040;box-shadow:inset 1px 1px 3px rgba(0,0,0,.5)}.memory-card.flipped{background:#fff;border-color:#fff grey grey #fff;box-shadow:inset 1px 1px 2px rgba(0,0,0,.1)}.memory-stats{font-size:1.3rem;font-weight:700;margin-bottom:1rem;padding:.6rem;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.5)}.memory-stats,.winner-message{text-align:center;background:silver}.winner-message{margin:1rem 0;padding:1rem;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.winner-message p{font-size:1.3rem;font-weight:700;color:green;margin:.5rem 0}.breakout-canvas{display:block;margin:1.5rem auto;background:#000;border-color:grey #fff #fff grey;border-style:solid;border-width:3px;box-shadow:inset 2px 2px 4px rgba(0,0,0,.5)}.breakout-score{text-align:center;font-size:1.3rem;font-weight:700;margin-bottom:1rem;padding:.6rem;background:silver;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.5)}@media (max-width:768px){.games-grid{grid-template-columns:1fr}.game-body{padding:1rem}.tictactoe-board{grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px)}.tictactoe-cell{width:80px;height:80px;font-size:2rem}.snake-grid{grid-template-columns:repeat(15,18px);grid-template-rows:repeat(15,18px)}.snake-cell{width:18px;height:18px}.memory-grid{grid-template-columns:repeat(4,70px);grid-template-rows:repeat(4,70px);gap:8px;padding:8px}.memory-card{width:70px;height:70px;font-size:1.8rem}.breakout-canvas{max-width:100%;height:auto}}