@import url("https://fonts.googleapis.com/css2?family=Tahoma&display=swap");:root{--xp-blue:#0054e3;--xp-blue-dark:#0044b3;--xp-blue-light:#06f;--xp-green-start:#22b14c;--xp-green-end:#1d8e3e;--xp-taskbar:linear-gradient(180deg,#1f5fc4 0%,#3b8cff 3%,#2970dd 5%,#245ed8 90%,#1941a5);--xp-window-border:#0055ea;--xp-window-title:linear-gradient(180deg,#0058ee,#3593ff 8%,#288eff 40%,#127dff 88%,#0053ee 93%,#0050ee 95%,#1a5ad9);--xp-window-title-inactive:linear-gradient(180deg,#7a96c8,#9eb6e2 8%,#8ea8d8 40%,#7fa0d4 88%,#7090c0 93%,#6888ba 95%,#7696c4);--xp-button-face:#ece9d8;--xp-button-shadow:#716f64;--xp-desktop:#3a6ea5;--xp-shadow:2px 2px 5px rgba(0,0,0,.3)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Tahoma,Segoe UI,sans-serif;font-size:11px;background:var(--xp-desktop);min-height:100vh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xp-desktop{width:100vw;height:100vh;background:linear-gradient(135deg,#245edc,#3a7bd5 50%,#2d72d2);position:relative;overflow:hidden}.xp-window{position:absolute;background:var(--xp-button-face);border:1px solid var(--xp-window-border);border-radius:8px 8px 0 0;box-shadow:var(--xp-shadow);min-width:300px;min-height:200px}.xp-window-title-bar{background:var(--xp-window-title);height:30px;border-radius:7px 7px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 8px;cursor:move}.xp-window-title-bar.inactive{background:var(--xp-window-title-inactive)}.xp-window-title{color:#fff;font-weight:700;font-size:12px;text-shadow:1px 1px 1px rgba(0,0,0,.4);display:flex;align-items:center;gap:5px}.xp-window-title img{width:16px;height:16px}.xp-window-controls{display:flex;gap:2px}.xp-window-btn{width:21px;height:21px;border:none;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.xp-window-btn-maximize,.xp-window-btn-minimize{background:linear-gradient(180deg,#3c8df2,#1665d8 50%,#1560d0);color:#fff}.xp-window-btn-close{background:linear-gradient(180deg,#e78876,#c5391e 50%,#ba2e0e);color:#fff}.xp-window-btn:hover{filter:brightness(1.1)}.xp-window-btn:active{filter:brightness(.9)}.xp-window-content{padding:10px;background:#fff;margin:3px;border:1px solid #888;min-height:150px;overflow:auto}.xp-taskbar{position:fixed;bottom:0;left:0;right:0;height:30px;background:var(--xp-taskbar);justify-content:space-between;z-index:9999}.xp-start-button,.xp-taskbar{display:flex;align-items:center}.xp-start-button{background:linear-gradient(180deg,#3c943c,#2d7b2d 50%,#257025);border:none;border-radius:0 8px 8px 0;height:100%;padding:0 15px 0 10px;gap:5px;cursor:pointer;color:#fff;font-weight:700;font-size:13px;font-style:italic;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.xp-start-button:hover{filter:brightness(1.1)}.xp-start-button:active{filter:brightness(.9)}.xp-start-logo{width:20px;height:20px}.xp-taskbar-items{flex:1 1;display:flex;padding:2px 4px;gap:3px}.xp-taskbar-item{background:linear-gradient(180deg,#3c89d9,#2673d0 50%,#1e66c5);border:1px solid #1550aa;border-radius:2px;padding:2px 10px;color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:5px;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.xp-taskbar-item.active{background:linear-gradient(180deg,#1e4a8a,#163d72 50%,#0e3060);border-color:#0a2040}.xp-system-tray{background:linear-gradient(180deg,#1290e9,#1a80d9 50%,#1070c9);height:100%;display:flex;align-items:center;padding:0 10px;gap:8px;border-left:1px solid #0060b0}.xp-clock{color:#fff;font-size:11px;font-weight:400}.xp-button{background:linear-gradient(180deg,#fff,#ece9d8 50%,#d6d0c4);border:1px solid #003c74;border-radius:3px;padding:4px 15px;cursor:pointer;font-family:Tahoma,sans-serif;font-size:11px;color:#000;outline:none}.xp-button:hover{background:linear-gradient(180deg,#fff,#f0ede4 50%,#e0dace);border-color:#0055ea}.xp-button:active{background:linear-gradient(180deg,#d6d0c4,#c8c2b6 50%,#bab4a8)}.xp-button:focus{outline:1px dotted #000;outline-offset:-4px}.xp-button-primary{background:linear-gradient(180deg,#6dd66d,#3cb43c 50%,#2a9a2a);color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.xp-button-primary:hover{background:linear-gradient(180deg,#7de67d,#4cc44c 50%,#3aaa3a)}.xp-start-menu{position:fixed;bottom:30px;left:0;width:380px;background:linear-gradient(180deg,#1f5fc4,#3b8cff 2%,#2970dd);border-radius:5px 5px 0 0;box-shadow:3px -3px 10px rgba(0,0,0,.4);z-index:10000;overflow:hidden}.xp-start-menu-header{background:linear-gradient(90deg,#0054e3,#2b79e2);padding:8px 10px;display:flex;align-items:center;gap:10px}.xp-user-avatar{width:48px;height:48px;background:linear-gradient(135deg,#6ec6ff,#3498db);border:2px solid #fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:24px}.xp-user-name{color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.xp-start-menu-content{display:flex;background:#fff}.xp-start-menu-left{flex:1 1;background:#fff;padding:5px}.xp-start-menu-right{width:190px;background:linear-gradient(180deg,#4b97e9,#3d89db);padding:5px}.xp-menu-item{display:flex;align-items:center;gap:8px;padding:5px 8px;cursor:pointer;border-radius:2px}.xp-menu-item:hover{background:#2b79e2;color:#fff}.xp-menu-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px}.xp-menu-item-text{font-size:11px}.xp-menu-item-text strong{display:block;font-weight:700}.xp-menu-item-right{padding:3px 5px;color:#fff}.xp-menu-item-right:hover{background:hsla(0,0%,100%,.2)}.xp-start-menu-footer{background:linear-gradient(180deg,#2c7bd8,#1a5fc4);padding:6px 10px;display:flex;justify-content:flex-end;gap:10px}.xp-footer-btn{background:none;border:none;color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:2px}.xp-footer-btn:hover{background:hsla(0,0%,100%,.2)}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#ece9d8;border-left:1px solid #aca899}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ece9d8,#d6d2c7 50%,#c8c4b9);border:1px solid #9a9686;border-radius:0}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#e0ddd2,#cac6bb 50%,#bcb8ad)}::-webkit-scrollbar-button{background:var(--xp-button-face);border:1px solid #9a9686;width:17px;height:17px}.xp-title{font-size:20px;font-weight:700;color:#039;margin-bottom:10px}.xp-subtitle{font-size:14px;color:#333;margin-bottom:8px}.xp-text{font-size:11px;color:#000;line-height:1.5}.xp-icon{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:5px;border-radius:2px;text-align:center}.xp-icon:hover{background:hsla(0,0%,100%,.2)}.xp-icon-image{width:32px;height:32px;margin-bottom:3px;font-size:28px}.xp-icon-label{color:#fff;font-size:10px;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;max-width:60px}.game-board{display:flex;flex-direction:column;align-items:center;gap:10px}.game-status{font-size:14px;font-weight:700;color:#039;padding:10px;background:#e8f0fe;border:1px solid #039;border-radius:3px}.game-history{max-height:200px;overflow-y:auto;border:1px solid #888;padding:5px;background:#f9f9f9;font-family:Courier New,monospace;font-size:10px}.ai-claude{color:#d97706;font-weight:700}.ai-openai{color:#2563eb;font-weight:700}.xp-loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid #ece9d8;border-top-color:#0054e3;animation:xp-spin 1s linear infinite}@keyframes xp-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.xp-window{width:95vw!important;left:2.5vw!important}.xp-start-menu{width:100%}}body,html{padding:0;margin:0;font-family:Tahoma,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-2{padding:8px}.p-4{padding:16px}.text-center{text-align:center}.font-bold{font-weight:700}.w-full{width:100%}.h-full{height:100%}