@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;800&family=Mali:wght@400;600;700&display=swap";:root{--primary: #FF69B4;--secondary: #40E0D0;--accent: #FFD700;--success: #4CAF50;--danger: #FF5252;--text: #333;--bg-color: #f0f0f0;--winner-bg: #E8F5E9;--loser-bg: #FFEBEE;--font-main: "Kanit", sans-serif;--border-width: 4px;--border-radius: 20px;--shadow-depth: 6px;--shadow-color: rgba(0, 0, 0, .85)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-main);background-color:#2c3e50;background-image:url(/images/game_bg.png);background-repeat:no-repeat;background-size:cover;background-position:top center;transition:background-image .5s}body.secret-mode:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:10}body.secret-mode{background-image:url(/images/bg_secret.png)}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px;perspective:1000px}.screen{width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;padding:25px;background:#fff;border:var(--border-width) solid #000;border-radius:30px;box-shadow:10px 10px #0000004d,inset 0 0 20px #0000000d;position:relative;z-index:5;overflow-y:auto;animation:dealCard .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes dealCard{0%{opacity:0;transform:translateY(100px) rotate(-5deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}h1,h2,h3{margin:0 0 15px;text-align:var(--text-align-header, center);color:var(--text);font-family:Mali,cursive;line-height:1.2}h1{font-size:2.8rem;color:var(--primary);-webkit-text-stroke:2px #000;text-shadow:4px 4px 0px #fff;transform:rotate(-2deg);margin-bottom:25px}h2{font-size:1.8rem;border-bottom:2px dashed #ccc;padding-bottom:10px}p{font-size:1.1rem;line-height:1.5;color:#555;margin-bottom:20px}button{background-color:var(--primary);color:#fff;font-family:Kanit,sans-serif;font-weight:800;font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;border:var(--border-width) solid black;border-radius:20px;padding:15px 30px;margin:10px 0;width:100%;cursor:pointer;position:relative;box-shadow:0 var(--shadow-depth) 0 var(--shadow-color),inset 0 2px #fff6;transition:all .1s}button:active{transform:translateY(var(--shadow-depth));box-shadow:0 0 0 var(--shadow-color),inset 0 4px 10px #0003}button.secondary{background-color:#fff;color:#333}button.danger{background-color:var(--danger)}button.success{background-color:var(--success)}button:disabled{background-color:#ccc;color:#888;box-shadow:none;transform:translateY(var(--shadow-depth));border-color:#999;cursor:not-allowed}.card-container{perspective:1000px;margin:20px auto;width:100%;max-width:320px}.card-visual{width:100%;padding-top:140%;position:relative;border-radius:15px;border:var(--border-width) solid #000;background-size:cover;background-position:center;background-color:#fff;box-shadow:5px 5px #0000004d;transition:transform .3s}.card-visual:hover{transform:translateY(-10px) rotate(2deg)}.card-header-strip{position:absolute;top:0;left:0;right:0;height:40px;background:var(--primary);border-bottom:var(--border-width) solid #000;z-index:1}.status-box{background:#fff;border:3px solid black;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:4px 4px #0003;text-align:center}input[type=text],input[type=number]{width:100%;padding:15px;font-size:1.2rem;font-family:inherit;border:3px solid #000;border-radius:15px;background:#fff;box-shadow:inset 4px 4px #0000001a;margin:10px 0}input:focus{outline:none;border-color:var(--primary);background:#fff}#admin-panel{border:2px solid #555;background:#2a2a2a;color:#fff}.flex-row{display:flex;gap:10px;justify-content:center}.text-center{text-align:center}.turn-indicator{background:var(--accent);color:#000;font-weight:700;padding:5px 15px;border:3px solid black;border-radius:50px;display:inline-block;margin-bottom:15px;box-shadow:3px 3px #0003}
