:root{--xp-blue:#0a58ca;--xp-blue-dark:#083a85;--xp-green:#2cb42c;--xp-bg:#006060;--diner-red:#cc2b2b;--diner-cream:#f5efe3;--dc-font-body:Tahoma,"Segoe UI",Arial,sans-serif;--dc-font-title:"Trebuchet MS",Tahoma,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box;image-rendering:pixelated}html,body,#root{height:100%}body{margin:0;font-family:var(--dc-font-body);background:var(--xp-bg);font-size:15px;line-height:1.35}button,input,select,textarea{font-family:var(--dc-font-body);font-size:1em}h1,h2,h3,h4,h5,h6,.pane-title,.xp-title,.xp-titlebar b,.dc-title{font-family:var(--dc-font-title)}.draggable-window,.draggable-window *{font-family:var(--dc-font-body)!important}.draggable-window{font-size:16px}.draggable-window h1,.draggable-window h2,.draggable-window h3,.draggable-window h4,.draggable-window h5,.draggable-window h6,.draggable-window .dc-title,.draggable-window .xp-titlebar b{font-family:var(--dc-font-title)!important}.desktop{height:100%}.taskbar{position:fixed;left:0;right:0;bottom:0;height:40px;background:linear-gradient(#2f71f2,#1149a6);border-top:3px solid #072a66;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:5}.start{background:linear-gradient(#4bd14b,#1e891e);border:2px solid #0c5f0c;padding:4px 12px;border-radius:6px;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff4d}.tray{opacity:.95}.profile{position:fixed;top:10px;left:10px;z-index:6;display:flex;gap:10px;align-items:center;background:#eef5ff;border:4px solid #000;padding:8px 10px;box-shadow:inset -4px -4px #fff,inset 4px 4px #888,8px 8px #0003}.avatar img,.avatar-placeholder{width:42px;height:42px;border:3px solid #000;background:#fff}.avatar-placeholder{display:grid;place-items:center;font-weight:700}.profile-info .nickname{font-size:22px}.profile-info .status{font-size:16px;opacity:.8}.profile-actions{display:flex;gap:6px}.profile-actions input{padding:4px 6px;border:3px solid #000;background:#fff}.xp-window{position:absolute;background:#e5e5e5;border:4px solid #000;box-shadow:8px 8px #0006;display:flex;flex-direction:column}.xp-titlebar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(var(--diner-red),#8f1616);color:#fff;padding:6px 8px;cursor:move}.xp-title{font-size:24px;text-shadow:1px 1px 0 #000}.xp-winbtns button{width:28px;height:24px;margin-left:4px;border:2px solid #001b56;background:#bcd0ff;cursor:pointer}.xp-body{padding:10px;height:100%;overflow:auto;background:#d9d9d9;box-shadow:inset -4px -4px #fff,inset 4px 4px #888}.xp-resize{position:absolute;width:16px;height:16px;right:2px;bottom:2px;border-right:4px solid #000;border-bottom:4px solid #000;cursor:se-resize}.cookie-area{display:grid;place-items:center;height:260px;background:var(--diner-cream);border:4px solid #000;margin-bottom:10px;box-shadow:inset -4px -4px #fff,inset 4px 4px #888;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}.cookie{font-size:96px}.cookie-area:active .cookie{transform:scale(.97)}.click-hint{position:absolute;bottom:8px;background:#000;color:#fff;padding:2px 6px;font-size:16px}.stats{display:grid;gap:6px;background:#f7f7f7;border:4px solid #000;padding:8px;box-shadow:inset -4px -4px #fff,inset 4px 4px #888}.pane-title{font-size:22px;margin-bottom:8px;background:#cfcfcf;border:4px solid #000;padding:6px 8px;box-shadow:inset -4px -4px #fff,inset 4px 4px #888}.shop{display:grid;gap:8px;margin-bottom:12px}.shop-item{display:grid;grid-template-columns:32px 1fr auto auto auto;gap:8px;align-items:center;padding:8px;border:4px solid #000;background:#f6f6f6;cursor:pointer;box-shadow:inset -4px -4px #fff,inset 4px 4px #888}.shop-item:disabled{opacity:.55;cursor:not-allowed}.icon{font-size:20px}.label{font-size:22px}.owned{background:#000;color:#fff;padding:0 6px}.price{justify-self:end}.cps{justify-self:end;font-size:18px;opacity:.8}button:focus,input:focus,select:focus,textarea:focus{outline:none!important;box-shadow:none!important}button::-moz-focus-inner,input::-moz-focus-inner{border:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box}select option{background-color:#0e3260;color:#fff}
