:root{--parchment:#f4e4bc;--ink:#2c1e14;--accent:#8b0000;--border:#553921;--shadow:#0000004d;--bg-dark:#1a120b}body{background-color:var(--bg-dark);background-image:radial-gradient(circle, #2c1e14 0%, var(--bg-dark) 100%);color:var(--ink);min-height:100vh;margin:0;padding:0;font-family:Crimson Text,serif}h1,h2,h3,h4,h5,h6{color:var(--accent);text-transform:uppercase;margin-top:0;font-family:Rye,cursive}button{background:var(--border);color:var(--parchment);cursor:pointer;box-shadow:2px 2px 5px var(--shadow);border:none;border-radius:4px;min-height:44px;padding:10px 20px;font-family:Special Elite,cursive;transition:all .2s}button:hover:not(:disabled){background:var(--accent);transform:translateY(-2px)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--border);color:var(--ink);box-sizing:border-box;background:#ffffff80;border-radius:4px;width:100%;min-height:44px;padding:10px;font-family:Crimson Text,serif;font-size:1rem}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px}}.paper-container{background-color:var(--parchment);border:2px solid var(--border);box-shadow:0 10px 30px var(--shadow), inset 0 0 100px #0000001a;background-image:url(https://www.transparenttextures.com/patterns/parchment.png);border-radius:8px;max-width:800px;margin:40px auto;padding:30px;position:relative}.suit{font-size:1.3em;font-weight:700}.spades{color:#000}.hearts{color:var(--accent)}.clubs{color:#222}.diamonds{color:#b8860b}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.card{border:1px solid var(--border);background:#00000008;border-radius:8px;padding:20px}.paper-container table{border-collapse:collapse;width:100%;margin:15px 0}.paper-container th{background:var(--border);color:var(--parchment);text-align:left;padding:8px;font-family:Special Elite}.paper-container td{border-bottom:1px solid #5539214d;padding:8px}nav{background:var(--border);color:var(--parchment);box-shadow:0 4px 10px var(--shadow);justify-content:space-between;align-items:center;padding:15px 30px;display:flex;position:relative}nav .brand{color:var(--parchment);font-family:Rye,cursive;font-size:1.5rem;text-decoration:none}nav .links{align-items:center;gap:20px;display:flex}nav .links a{color:var(--parchment);font-family:Special Elite,cursive;text-decoration:none;transition:color .2s}nav .links a:hover{color:#ffb}nav .hamburger{color:var(--parchment);box-shadow:none;background:0 0;min-height:auto;padding:5px 10px;font-size:1.5rem;display:none}.auth-form{flex-direction:column;gap:15px;max-width:400px;margin:0 auto;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){nav .hamburger{display:block}nav .links{background:var(--border);box-shadow:0 4px 10px var(--shadow);z-index:100;flex-direction:column;gap:15px;padding:15px 30px;display:none;position:absolute;top:100%;left:0;right:0}nav .links.open{display:flex}nav .links a{border-bottom:1px solid #f4e4bc26;margin-left:0;padding:8px 0;display:block}.paper-container{margin:15px 10px;padding:20px}.grid{grid-template-columns:1fr}h1{font-size:1.5rem}h2,nav .brand{font-size:1.2rem}}@media (max-width:480px){.paper-container{margin:10px 5px;padding:15px}.card{padding:12px}}