:root{--background:#1a1f2e;--background-dark:#0f1318;--foreground:#f0f4f8;--primary-color:#4a9eff;--secondary-color:#ff6b6b;--accent-color:#ffd700;--success-color:#4ade80;--neutral-color:#64748b;--field-opponent:rgba(139,69,69,0.3);--field-player:rgba(69,100,139,0.3);--field-center:rgba(0,0,0,0.4);--card-width:80px;--card-height:112px;--font-main:var(--font-mochiy),"Segoe UI",sans-serif}body,html{max-width:100vw;overflow:hidden;height:100vh;margin:0;padding:0}body{color:var(--foreground);background:var(--background);background-image:radial-gradient(ellipse at 20% 30%,rgba(34,85,51,.4) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(85,51,34,.4) 0,transparent 50%),radial-gradient(circle at center,transparent 0,rgba(0,0,0,.8) 100%),linear-gradient(180deg,#1a1f2e,#0f1318);background-size:100% 100%;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.portraitWarning{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;flex-direction:column;justify-content:center;align-items:center;color:white;padding:20px;text-align:center}@media (max-width:768px) and (orientation:portrait){.portraitWarning{display:flex}body>:not(.portraitWarning){display:none!important}}@media (max-width:900px) and (orientation:landscape){body,html{overflow:auto!important;height:auto!important;min-height:100vh}}