@font-face{font-family:PixelFont;src:local("MS Sans Serif")}body{overflow:hidden}@keyframes card-deal{0%{opacity:0;transform:translateY(-100px) rotate(15deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes card-draw{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}@keyframes fan-increment{0%,to{transform:scale(1)}50%{transform:scale(1.3);color:gold}}.card-animate-deal{animation:card-deal .5s ease-out}.card-animate-draw{animation:card-draw .6s ease-out}.fan-increment{animation:fan-increment .5s ease-out}.effect-overlay{position:absolute;pointer-events:none;z-index:1000}.particle{position:absolute;width:8px;height:8px;background:#ff0;border:1px solid #ff0;animation:particle-float 1s ease-out forwards}@keyframes particle-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.5)}}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Courier New,monospace;z-index:9999}.loading-bar{width:300px;height:20px;border:2px solid white;margin-top:20px;position:relative;overflow:hidden}.loading-progress{height:100%;background:linear-gradient(90deg,#00f,#0ff);width:0%;transition:width .3s}.boot-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:navy;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"MS Sans Serif",sans-serif;z-index:9999;transition:opacity .5s}.boot-screen.fade-out{opacity:0}.boot-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:60px;animation:boot-fade-in 1s ease-out}@keyframes boot-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.boot-icon{width:128px;height:128px;image-rendering:pixelated;margin-bottom:20px;animation:boot-icon-glow 2s infinite alternate}@keyframes boot-icon-glow{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.boot-title{font-size:48px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:8px;letter-spacing:4px}.boot-subtitle{font-size:16px;color:silver;letter-spacing:2px}.boot-progress-container{width:400px;animation:boot-fade-in 1.5s ease-out}.boot-progress-bar{width:100%;height:20px;background:#000;border:2px solid #808080;position:relative;overflow:hidden}.boot-progress-fill{height:100%;background:linear-gradient(90deg,#00f,#0ff,#00f);background-size:200% 100%;width:0%;transition:width .3s ease-out;animation:boot-progress-shimmer 2s linear infinite}@keyframes boot-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.boot-text{color:silver;font-size:12px;margin-top:12px;text-align:center;animation:boot-text-blink 1.5s infinite}@keyframes boot-text-blink{0%,to{opacity:1}50%{opacity:.5}}.boot-footer{position:absolute;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:8px;color:gray;font-size:11px;animation:boot-fade-in 2s ease-out}.boot-copyright{letter-spacing:1px}.boot-version{font-size:10px;color:#606060}.tooltip{position:fixed;background:#ffc;border:1px solid black;padding:8px 16px;font-size:12px;font-family:"MS Sans Serif",sans-serif;pointer-events:none;z-index:10000;white-space:nowrap;opacity:0;transition:opacity .3s ease;box-shadow:2px 2px 4px #0000004d}.tooltip.show{opacity:1}.dialog-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--win95-gray);border:2px outset var(--win95-gray);min-width:300px;max-width:500px;box-shadow:4px 4px #00000080;z-index:2000}.dialog-content{padding:16px;text-align:center;max-height:400px;overflow-y:auto}.dialog-buttons{display:flex;justify-content:center;gap:8px;padding:8px;border-top:2px groove var(--win95-gray)}.game-board{position:relative;width:100%;height:100%}.player-area{position:absolute;display:flex;gap:8px}.player-area.bottom{bottom:10px;left:50%;transform:translate(-50%)}.player-area.top{top:10px;left:50%;transform:translate(-50%)}.player-area.left{left:10px;top:50%;transform:translateY(-50%) rotate(90deg)}.player-area.right{right:10px;top:50%;transform:translateY(-50%) rotate(-90deg)}.center-pile{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.deck-pile{position:absolute;right:100px;top:50%;transform:translateY(-50%)}.player-status{position:absolute;background:#000000b3;color:#fff;padding:8px;border:2px outset var(--win95-gray);border-radius:4px;font-size:11px}.player-avatar{width:48px;height:48px;border:2px solid white;image-rendering:pixelated}.victory-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#000080e6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:3000}.victory-title{font-size:72px;font-weight:700;text-shadow:4px 4px 0 black;animation:victory-pulse 1s infinite}@keyframes victory-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.firework{position:absolute;width:4px;height:4px;border-radius:50%;animation:firework-explode 1s ease-out forwards}@keyframes firework-explode{0%{transform:translate(0);opacity:1}to{transform:translate(var(--x),var(--y));opacity:0}}:root{--win95-gray: #c0c0c0;--win95-dark-gray: #808080;--win95-light-gray: #dfdfdf;--win95-white: #ffffff;--win95-black: #000000;--win95-blue: #000080;--win95-blue-light: #0000ff;--win95-title-gradient-start: #000080;--win95-title-gradient-end: #1084d0}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{font-family:"MS Sans Serif","Microsoft Sans Serif",sans-serif;font-size:11px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;overflow:hidden}.desktop{width:100vw;height:100vh;background:teal;position:relative;overflow:hidden}.desktop-icons{padding:10px}.icon{width:80px;text-align:center;margin:10px;-webkit-user-select:none;user-select:none}.icon img{width:48px;height:48px;image-rendering:pixelated}.icon span{display:block;color:#fff;text-shadow:1px 1px 2px black;margin-top:4px;font-size:11px}.icon:hover{background:#0000804d}.taskbar{position:absolute;bottom:0;left:0;right:0;height:28px;background:var(--win95-gray);border-top:2px solid var(--win95-white);display:flex;align-items:center;padding:2px}.start-button{height:24px;padding:0 6px;background:var(--win95-gray);border:2px outset var(--win95-gray);font-weight:700;font-size:11px;display:flex;align-items:center;gap:4px}.start-button:active{border-style:inset}.start-icon{width:16px;height:16px}.taskbar-items{flex:1;height:100%;display:flex;gap:2px;padding:0 4px}.taskbar-item{height:22px;padding:2px 6px;background:var(--win95-gray);border:2px outset var(--win95-gray);font-size:11px;display:flex;align-items:center;gap:4px;max-width:150px}.taskbar-item.active{border-style:inset}.taskbar-item img{width:16px;height:16px;image-rendering:pixelated}.taskbar-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-tray{height:100%;border:1px inset var(--win95-gray);padding:0 6px;display:flex;align-items:center;font-size:11px}.window{position:absolute;background:var(--win95-gray);border:2px outset var(--win95-gray);box-shadow:2px 2px #00000080}.game-window{left:50%;top:calc(50% - 14px);transform:translate(-50%,-50%);width:90vw;height:calc(90vh - 28px);max-width:1200px;max-height:772px;min-width:640px;min-height:480px;transition:all .2s ease}.game-window.maximized{width:100vw!important;height:calc(100vh - 28px)!important;max-width:none!important;max-height:none!important;left:0!important;top:0!important;transform:none!important}.game-window.minimized{display:none!important}.title-bar{background:linear-gradient(to right,var(--win95-title-gradient-start),var(--win95-title-gradient-end));padding:2px 4px;display:flex;justify-content:space-between;align-items:center;height:24px}.title-bar-text{color:#fff;font-weight:700;font-size:11px}.title-bar-controls{display:flex;gap:2px}.title-bar-controls button{width:16px;height:14px;background:var(--win95-gray);border:1px outset var(--win95-gray);font-size:8px;padding:0}.title-bar-controls button:active{border-style:inset}.title-bar-controls button:nth-child(1):before{content:"_";font-size:14px;font-weight:400;line-height:1;display:block;margin-top:-4px}.title-bar-controls button:nth-child(2):before{content:"□";font-size:12px;font-weight:400;line-height:1}.title-bar-controls button:nth-child(2).maximized:before{content:"❐";font-size:11px;font-weight:400}.title-bar-controls button:last-child:before{content:"×";font-size:15px;font-weight:400;line-height:1}.window-body{position:relative;padding:8px;background:var(--win95-gray);height:calc(100% - 24px);overflow:hidden}.win95-button{background:var(--win95-gray);border:2px outset var(--win95-gray);padding:4px 12px;font-size:11px;font-family:"MS Sans Serif",sans-serif;min-width:75px}.win95-button:active{border-style:inset}.win95-button:focus{outline:1px dotted black;outline-offset:-4px}.win95-button.large{padding:8px 24px;font-size:13px;min-width:200px}.sunken-panel{border:2px inset var(--win95-gray);background:#fff;padding:8px}.field{border:2px inset var(--win95-gray);background:#fff;padding:2px}.menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.pixel-title{font-size:48px;font-weight:700;color:var(--win95-blue);text-shadow:3px 3px 0 var(--win95-dark-gray);letter-spacing:4px}.subtitle{font-size:14px;color:var(--win95-black);margin-top:-10px}.menu-buttons{display:flex;flex-direction:column;gap:12px}.character-container{display:flex;flex-direction:column;align-items:center;gap:20px;height:100%;padding:20px}.character-container h2{font-size:24px;color:var(--win95-blue)}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;width:100%;max-width:800px}.character-card{border:2px outset var(--win95-gray);background:var(--win95-light-gray);padding:12px;text-align:center;transition:transform .1s}.character-card:hover{transform:scale(1.05)}.character-card.selected{border:3px inset var(--win95-blue);background:#add8e6}.character-card img{width:100px;height:100px;image-rendering:pixelated}.character-name{font-weight:700;margin-top:8px}.character-skill{font-size:10px;color:var(--win95-dark-gray);margin-top:4px}.screen{display:none;width:100%;height:100%}.screen.active{display:block}#game-canvas{width:100%;height:calc(100% - 60px);background:#006400;border:2px inset var(--win95-gray);image-rendering:pixelated}.game-ui{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:12px}.player-info{display:flex;gap:12px}.stat-box{border:2px inset var(--win95-gray);background:#fff;padding:4px 8px;display:flex;align-items:center;gap:6px;font-weight:700}.stat-icon{width:16px;height:16px;image-rendering:pixelated}.turn-indicator{flex:1;text-align:center;font-size:14px;font-weight:700;color:var(--win95-blue)}.card{width:80px;height:120px;border:2px outset var(--win95-gray);background:#fff;border-radius:4px;transition:transform .2s;image-rendering:pixelated}.card:hover{transform:translateY(-10px)}.card.selected{border:3px solid yellow;transform:translateY(-20px)}.card img{width:100%;height:100%;object-fit:cover}.start-menu{position:absolute;bottom:30px;left:2px;width:200px;background:var(--win95-gray);border:2px outset var(--win95-gray);box-shadow:2px 2px #00000080;z-index:1000}.start-menu-header{background:linear-gradient(to right,var(--win95-title-gradient-start),var(--win95-title-gradient-end));color:#fff;padding:4px 8px;font-size:11px}.start-menu-items{padding:2px}.start-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:11px}.start-menu-item:hover{background:var(--win95-blue);color:#fff}.start-menu-icon{width:24px;height:24px;image-rendering:pixelated}.shutdown-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px}.start-menu-separator{height:1px;background:var(--win95-dark-gray);margin:2px 4px}.shutdown-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--win95-gray);border:2px outset var(--win95-gray);box-shadow:4px 4px #00000080;z-index:2000;min-width:400px}.shutdown-dialog .window-body{padding:16px}.shutdown-content{display:flex;align-items:center;gap:16px;margin-bottom:16px}.shutdown-icon-large{font-size:48px;color:var(--win95-blue);flex-shrink:0}.shutdown-text{font-size:11px;line-height:1.4}.shutdown-buttons{display:flex;justify-content:center;gap:8px}.context-menu{position:fixed;background:var(--win95-gray);border:2px outset var(--win95-gray);box-shadow:2px 2px #00000080;z-index:2000;min-width:120px}.context-menu-item{padding:4px 20px 4px 8px;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.context-menu-item:hover{background:var(--win95-blue);color:#fff}