@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=DM+Sans:wght@400;500;700&family=Permanent+Marker&family=Playfair+Display:wght@700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#2c2825;overflow:hidden;font-family:DM Sans,sans-serif;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}#hdr{position:fixed;top:0;left:0;right:0;height:36px;background:#2c2825;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;box-shadow:0 2px 8px #0000004d}.logo{font-family:Permanent Marker,cursive;font-size:17px;color:#f5f0e8}.logo span{color:#e8734a}.hdr-mid{display:flex;align-items:center;gap:10px;color:#c4b9a8;font-size:11px;font-weight:500;letter-spacing:1px}.tp{padding:2px 10px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:1.5px}.tp-you{background:#e8734a;color:#fff;animation:pp 2s ease-in-out infinite}.tp-wait{background:#564e44;color:#c4b9a8}@keyframes pp{0%,to{box-shadow:0 0 #e8734a66}50%{box-shadow:0 0 0 5px #e8734a00}}.rc{font-family:Caveat,cursive;font-size:15px;color:#e8c84a;background:#e8c84a1a;padding:2px 12px;border-radius:8px;border:1px dashed rgba(232,200,74,.3)}#gc{margin-top:36px}#toast{position:fixed;bottom:12px;left:50%;transform:translate(-50%) translateY(70px);background:#2c2825;color:#f5f0e8;padding:8px 20px;border-radius:6px;font-size:12px;font-weight:500;z-index:200;transition:transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;box-shadow:0 4px 14px #0000004d;border-left:3px solid #e8734a}#toast.show{transform:translate(-50%) translateY(0)}#confirm{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;background:#2c282599;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center}#confirm.show{display:flex}.conf-box{background:#fffdf5;border-radius:10px;padding:20px 28px;text-align:center;box-shadow:0 8px 30px #0000004d;max-width:300px}.conf-box h3{font-family:Caveat,cursive;font-size:22px;color:#2c2825;margin-bottom:6px}.conf-box p{font-size:13px;color:#7a7060;margin-bottom:16px;line-height:1.5}.conf-btns{display:flex;gap:10px;justify-content:center}.conf-btn{padding:8px 22px;border-radius:6px;font-family:DM Sans;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;border:none;transition:all .15s}.conf-yes{background:#e8734a;color:#fff}.conf-yes:hover{background:#d4623b}.conf-no{background:transparent;color:#7a7060;border:1.5px solid #e0d8c8}.conf-no:hover{background:#f0ebe0}#settings-panel{position:fixed;top:32px;right:10px;background:#2c2825;border:1px solid rgba(232,115,74,.4);border-radius:6px;padding:12px 16px;z-index:200;min-width:200px;box-shadow:0 4px 16px #0006}#start-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;background:#c8c0a8;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(0,0,0,.02) 19px,rgba(0,0,0,.02) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(0,0,0,.02) 19px,rgba(0,0,0,.02) 20px);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease-out}#start-screen.hiding{opacity:0;pointer-events:none}.start-cork{position:relative;width:420px}.start-paper{background:#fffdf5;border-radius:2px;padding:40px 48px 32px;box-shadow:2px 3px 12px #00000026,0 0 0 1px #0000000a;transform:rotate(-1.2deg);position:relative}.pin{position:absolute;width:14px;height:14px;border-radius:50%;z-index:2;box-shadow:0 1px 3px #0000004d}.pin:after{content:"";position:absolute;top:3px;left:3px;width:5px;height:5px;border-radius:50%;background:#ffffff59}.pin-tl{top:-6px;left:24px;background:#c33}.pin-tr{top:-4px;right:32px;background:#e8a434}.pin-bl{bottom:-5px;left:40px;background:#4a7fe8}.pin-br{bottom:-7px;right:20px;background:#3cb868}.start-title{font-family:Permanent Marker,cursive;font-size:52px;color:#2c2825;text-align:center;line-height:1;margin-bottom:4px}.start-title .dash{color:#e8734a}.start-sub{font-family:Permanent Marker,cursive;font-size:16px;color:#e8734a;text-align:center;letter-spacing:6px;margin-bottom:6px}.start-tagline{font-family:Caveat,cursive;font-size:18px;color:#7a7060;text-align:center;margin-bottom:16px}.start-divider{height:1px;background:repeating-linear-gradient(90deg,#d0c8b8 0,#d0c8b8 6px,transparent 6px,transparent 10px);margin:12px 0}.start-settings{display:flex;flex-direction:column;gap:10px;padding:4px 0}.start-opt{display:flex;align-items:center;gap:10px;font-family:Caveat,cursive;font-size:17px;color:#4a4030;cursor:pointer}.start-opt input[type=checkbox]{width:18px;height:18px;accent-color:#e8734a;cursor:pointer}.start-mode-btns{display:flex;gap:8px;margin-top:8px}#start-btn,#online-btn{flex:1;padding:14px 0;border:none;border-radius:4px;font-family:Permanent Marker,cursive;font-size:18px;letter-spacing:2px;cursor:pointer;transition:all .15s ease;position:relative}#start-btn{background:#e8734a;color:#fff;box-shadow:0 3px 10px #e8734a59}#start-btn:hover{background:#d4623b;transform:translateY(-1px);box-shadow:0 5px 16px #e8734a66}#start-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #e8734a4d}#online-btn{background:#e8a434;color:#fff;box-shadow:0 3px 10px #e8a43459}#online-btn:hover{background:#d49428;transform:translateY(-1px);box-shadow:0 5px 16px #e8a43466}#online-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #e8a4344d}.start-ver{font-family:DM Sans,sans-serif;font-size:10px;color:#b8ad9a;text-align:center;margin-top:12px;letter-spacing:1px}.start-doodles{pointer-events:none}.doodle{position:absolute;font-family:Caveat,cursive;color:#b4a08259}.d1{top:-18px;left:50%;font-size:28px;transform:rotate(12deg)}.d2{top:30%;right:-36px;font-size:22px;transform:rotate(-8deg);color:#3cb8684d}.d3{bottom:20%;left:-30px;font-size:26px;transform:rotate(15deg);color:#4a7fe84d}.d4{bottom:-16px;left:45%;font-size:24px;transform:rotate(-5deg);color:#e8734a59}.d5{top:25%;left:-24px;font-size:20px;transform:rotate(8deg);color:#e84a4a4d}.start-opp-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.start-opt-lbl{font-family:Caveat,cursive;font-size:17px;color:#4a4030}.start-opp-pick{display:flex;gap:4px}.opp-btn{width:36px;height:30px;background:transparent;border:1.5px solid #d0c8b8;border-radius:4px;font-family:Permanent Marker,cursive;font-size:14px;color:#9a9080;cursor:pointer;transition:all .12s ease}.opp-btn:hover{border-color:#e8734a;color:#e8734a}.opp-btn.opp-active{background:#e8734a;border-color:#e8734a;color:#fff;box-shadow:0 2px 6px #e8734a59}.start-god-row{opacity:.6}.start-god-row:hover{opacity:1}.start-dev-tag{font-size:11px;font-style:normal;background:#e8c84a;color:#2c2825;padding:1px 5px;border-radius:3px;font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:.5px;vertical-align:middle;margin-left:4px}#god-btn{position:fixed;bottom:56px;right:10px;background:#e8c84a;color:#2c2825;border:none;border-radius:5px;font-family:Permanent Marker,cursive;font-size:13px;padding:6px 12px;cursor:pointer;z-index:8000;box-shadow:0 2px 8px #0000004d;opacity:.8;transition:opacity .15s,transform .1s}#god-btn:hover{opacity:1;transform:scale(1.05)}#god-btn:active{transform:scale(.97)}#lobby-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#c8c0a8;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(0,0,0,.02) 19px,rgba(0,0,0,.02) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(0,0,0,.02) 19px,rgba(0,0,0,.02) 20px)}.lobby-paper{min-height:380px}.lobby-title{font-size:36px}.lobby-section{margin:10px 0}.lobby-lbl{font-family:Caveat,cursive;font-size:17px;color:#7a7060;display:block;margin-bottom:4px}.lobby-input{width:100%;padding:8px 10px;background:transparent;border:none;border-bottom:2px dashed #d0c8b8;font-family:Caveat,cursive;font-size:18px;color:#2c2825;outline:none;transition:border-color .2s}.lobby-input::placeholder{color:#c4b9a8;font-style:italic}.lobby-input:focus{border-bottom-color:#e8734a}.lobby-code{width:110px;text-align:center;text-transform:uppercase;font-family:Permanent Marker,cursive;font-size:22px;letter-spacing:6px;border-bottom-style:solid;border-bottom-width:3px}.lobby-btn{display:block;width:100%;padding:13px 0;border:none;border-radius:2px;font-family:Permanent Marker,cursive;font-size:16px;letter-spacing:2px;cursor:pointer;transition:all .15s ease;position:relative}.lobby-btn-host{background:#e8734a;color:#fff;box-shadow:2px 3px 8px #e8734a4d;transform:rotate(-.5deg)}.lobby-btn-host:hover{transform:rotate(-.5deg) translateY(-1px);box-shadow:2px 5px 14px #e8734a66}.lobby-btn-host:active{transform:rotate(-.5deg) translateY(1px)}.lobby-btn-join{display:inline-block;width:auto;padding:9px 18px;background:#e8734a;color:#fff;font-size:14px;letter-spacing:1px;box-shadow:1px 2px 6px #e8734a4d;border-radius:2px}.lobby-btn-join:hover{background:#d4623b;transform:translateY(-1px)}.lobby-btn-join:active{transform:translateY(1px)}.lobby-btn-go{background:#3cb868;color:#fff;box-shadow:2px 3px 8px #3cb8684d;transform:rotate(.4deg);font-size:20px;letter-spacing:3px;padding:14px 0}.lobby-btn-go:hover{background:#2ea858;transform:rotate(.4deg) translateY(-1px);box-shadow:2px 5px 14px #3cb86866}.lobby-btn-go:active{transform:rotate(.4deg) translateY(1px)}.lobby-btn:disabled{opacity:.4;cursor:default;transform:none!important}.lobby-btn-add-ai{background:none;border:1.5px dashed #d0c8b8;border-radius:2px;font-family:Caveat,cursive;font-size:16px;color:#9a9080;cursor:pointer;padding:6px 14px;transition:all .15s}.lobby-btn-add-ai:hover{border-color:#e8734a;color:#e8734a}.lobby-btn-link{background:none;border:none;font-family:Caveat,cursive;font-size:15px;color:#9a9080;cursor:pointer;text-decoration:none;margin-top:8px;display:block;text-align:center;transition:color .15s}.lobby-btn-link:hover{color:#e8734a}.lobby-or{text-align:center;font-family:Caveat,cursive;color:#b8ad9a;font-size:16px;margin:12px 0}.lobby-join-row{display:flex;gap:8px;align-items:flex-end}.lobby-join-row .lobby-input{flex:1}.lobby-room-header{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px}.lobby-code-sticky{background:#fff9b0;padding:10px 20px 8px;transform:rotate(1.5deg);box-shadow:1px 2px 6px #0000001f;display:flex;align-items:center;gap:12px;position:relative}.lobby-code-sticky:before{content:"";position:absolute;top:-3px;left:20%;right:20%;height:6px;background:#c8be6466;border-radius:0 0 2px 2px}.lobby-room-code{font-family:Permanent Marker,cursive;font-size:32px;color:#2c2825;letter-spacing:8px}.lobby-copy-btn{background:none;border:none;font-family:Caveat,cursive;font-size:13px;color:#9a9080;cursor:pointer;text-decoration:underline}.lobby-copy-btn:hover{color:#e8734a}.lobby-players{display:flex;flex-direction:column;gap:5px;margin:6px 0 10px}.lobby-player{display:flex;align-items:center;gap:8px;padding:5px 10px;border-left:3px solid transparent;font-family:Caveat,cursive;font-size:17px;color:#2c2825;transition:background .15s}.lobby-player:hover{background:#00000005}.lobby-player-seat{width:20px;height:20px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Permanent Marker,cursive;font-size:11px}.lobby-player-name{flex:1}.lobby-player-host{font-family:Permanent Marker,cursive;font-size:10px;color:#e8734a;letter-spacing:1px}.lobby-player-ai{font-family:DM Sans,sans-serif;font-size:10px;color:#9a9080;font-style:italic}.lobby-player-kick{background:none;border:none;color:#c33;cursor:pointer;font-family:Caveat,cursive;font-size:16px;opacity:.4}.lobby-player-kick:hover{opacity:1}.lobby-player-dc,.lobby-player-empty{opacity:.35}.lobby-seat-empty{background:transparent!important;border:1.5px dashed;color:inherit}.lobby-name-empty{font-style:italic;color:#b8ad9a}.lobby-ai-controls{margin-bottom:6px}.lobby-settings{margin-bottom:8px}.lobby-actions{display:flex;flex-direction:column;align-items:center;gap:6px}.lobby-spectator-count{text-align:center;font-size:14px;color:#b8ad9a;font-family:Caveat,cursive;margin-top:6px}.lobby-status{text-align:center;font-size:15px;color:#e8734a;font-family:Caveat,cursive;margin-top:6px;min-height:20px}.lobby-connection{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-family:Caveat,cursive;font-size:14px;color:#b8ad9a}.conn-dot{width:7px;height:7px;border-radius:50%;background:#999;display:inline-block;transition:background .3s}.conn-dot.conn-connected{background:#3cb868}.conn-dot.conn-connecting,.conn-dot.conn-reconnecting{background:#e8a434;animation:conn-pulse 1s infinite}.conn-dot.conn-disconnected{background:#c33}@keyframes conn-pulse{0%,to{opacity:1}50%{opacity:.3}}