:root{--tile-size: 116px;--bg-color: #1a1a2e;--panel-bg: rgba(16, 16, 32, .92);--text-color: #ecf0f1;--accent: #e74c3c;--accent-hover: #c0392b;--green: #2ecc71}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background-color:var(--bg-color);color:var(--text-color)}#game-container{display:flex;width:100vw;height:100vh;position:relative}#tile-hud{position:fixed;top:16px;left:16px;z-index:5000;background-color:#fdfbf7;border:4px solid #000;box-shadow:3px 3px #000;padding:16px 16px 32px;min-width:144px;color:#000;font-family:Bricolage Grotesque,system-ui,sans-serif}#tile-hud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#tile-hud-title{font-weight:900;font-size:13px;color:#888;text-transform:uppercase;letter-spacing:.5px}#remaining-count{display:flex;align-items:baseline;gap:1px}.remain-big{font-size:26px;font-weight:900;line-height:1;color:#000}.remain-total{font-size:12px;color:#888;font-weight:700}#tile-preview-wrapper{display:flex;justify-content:center;margin-bottom:10px}#action-status{font-size:12px;color:#000;font-weight:800;text-align:center;margin-top:32px;line-height:1.5;min-height:24px;text-transform:uppercase}#tile-hud button{width:100%;margin-top:6px}#board-view{flex-grow:1;position:relative;overflow:hidden;cursor:grab;background-color:#fdfbf7;background-image:radial-gradient(#000 1px,transparent 0);background-size:20px 20px;background-position:-19px -19px}#board-view:active{cursor:grabbing}#board-content{position:absolute;transform-origin:0 0}#ui-panel{width:260px;background-color:#fdfbf7;border-left:none;display:flex;flex-direction:column;padding:12px 12px 10px;box-sizing:border-box;align-items:stretch;justify-content:flex-start;z-index:9999;font-family:Bricolage Grotesque,system-ui,sans-serif;background-image:radial-gradient(#000 1px,transparent 0);background-size:20px 20px;background-position:-19px -19px}#players-info{flex-shrink:0;margin-bottom:8px}.fs-exit-icon{display:none}.bottom-controls{margin-top:auto;width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:8px;padding-top:12px}.icon-btn-container{position:relative;display:flex;align-items:center;justify-content:center}.icon-btn-circle{width:44px;height:44px;border-radius:50%;background:#fc0;color:#fff;border:2.5px solid #000;box-shadow:1.5px 1.5px #000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s;padding:0;outline:none}.icon-btn-circle:hover{background:#fff;color:#fc0}.icon-btn-circle:active{transform:translate(1px,1px);box-shadow:0 0 #000}.icon-btn-circle svg,.icon-btn-circle img{width:22px;height:22px}.icon-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:5px 9px;font-size:12px;border:2px solid #000;box-shadow:1px 1px #000;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;font-weight:900;font-family:inherit;z-index:100}.icon-btn-container:hover .icon-tooltip{opacity:1}.player-card-container{perspective:1000px;width:100%;margin-bottom:20px;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.player-card-container:hover{transform:rotate(-1deg) scale(1.02)}.player-card-inner{position:relative;width:100%;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.player-card-container.flipped .player-card-inner{transform:rotateY(180deg)}.player-card-front,.player-card-back{width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid #000;box-shadow:2px 2px #000;border-radius:8px;padding:12px 12px 12px 20px;box-sizing:border-box;background:#fff;color:#000;min-height:220px;position:relative;overflow:hidden}.player-card-back{overflow-y:auto!important}.player-status-bar{position:absolute;left:0;top:0;bottom:0;width:8px;background-color:var(--p-color, #000);border-right:2px solid #000;z-index:5}.player-status-bar:after{content:"";position:absolute;top:-40px;left:0;width:100%;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.8),transparent);display:none}.player-card-container.active:not(.flipped) .player-status-bar:after{display:block;animation:glow-move 5s ease-in-out infinite}@keyframes glow-move{0%{top:-40px}50%{top:100%}to{top:-40px}}.player-card-front{-webkit-transform:rotateY(0deg);transform:rotateY(0);z-index:2}.player-card-back{position:absolute;inset:0;background:#fdfdfd;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);overflow-y:auto;font-size:13px}.player-card-back::-webkit-scrollbar{width:4px}.player-card-back::-webkit-scrollbar-thumb{background:#000}.player-card-container.active .player-card-front,.player-card-container.active .player-card-back{border-color:#000;box-shadow:3px 3px #000;background:#fffde7}.brutal-player-front{display:flex;flex-direction:column;gap:16px;padding:16px!important}.brutal-player-header{display:flex;align-items:center;gap:12px;padding-bottom:10px}.brutal-avatar{width:48px;height:48px;border:3px solid #000;box-shadow:1px 1px #000;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:radial-gradient(circle at center,#f5f5f5,#a0a0a0);animation:brutal-breath 3s infinite ease-in-out}@keyframes brutal-breath{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.brutal-avatar img{width:32px;height:32px;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.5))}.brutal-name-plate{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brutal-badge{background:#000;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;text-transform:uppercase;letter-spacing:1px}.brutal-name{font-weight:900;font-size:20px;color:#000;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.brutal-stats-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.brutal-stat-box{background:#fff;border:3px solid #000;box-shadow:1px 1px #000;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brutal-stat-label{font-size:11px;font-weight:800;text-transform:uppercase;border-bottom:2px solid #000;margin-bottom:4px;width:100%;text-align:center}.brutal-stat-value{font-size:28px;font-weight:900;line-height:1}.score-val{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,2px 2px 0 #000}.meeple-suffix{font-size:12px;color:#888;font-weight:700}.brutal-panel-title{display:none}.brutal-back-title{font-size:16px;font-weight:900;background:#000;color:#fff;padding:6px;margin:-12px -12px 12px;text-transform:uppercase;text-align:center}.brutal-history-list{list-style:none;padding:0;margin:0}.brutal-history-item{display:flex;justify-content:space-between;align-items:center;border:2px solid #000;padding:6px;margin-bottom:6px;background:#fff;font-weight:700;font-size:13px;box-shadow:1px 1px #000}.brutal-empty-history{font-weight:800;text-align:center;color:#aaa;font-size:14px;padding-top:10px}@keyframes pop-in{0%{scale:.5;opacity:0}80%{scale:1.05;opacity:1}to{scale:1;opacity:1}}.tile{width:var(--tile-size);height:var(--tile-size);background-image:url(./Carcassonne_tiles-Ef_ILrTh.jpg);position:absolute;box-shadow:0 2px 8px #0006;animation:pop-in .25s ease-out forwards}.tile-preview{position:relative;width:var(--tile-size);height:var(--tile-size);background-image:url(./Carcassonne_tiles-Ef_ILrTh.jpg);box-shadow:0 4px 12px #00000080;border-radius:4px;border:2px solid rgba(255,255,255,.2);transform:scale(.9);transform-origin:center center}#tile-preview-wrapper{height:calc(var(--tile-size) * .9);overflow:visible;display:flex;justify-content:center}@keyframes placeholder-pulse{0%,to{border-color:#2ecc714d;background:#2ecc7114}50%{border-color:#2ecc71b3;background:#2ecc712e}}.placeholder{width:var(--tile-size);height:var(--tile-size);position:absolute;border:2px dashed rgba(46,204,113,.5);box-sizing:border-box;cursor:pointer;background:#2ecc711a;animation:placeholder-pulse 1.8s ease-in-out infinite;transition:all .15s}.placeholder:hover{background:#2ecc7159;border-color:var(--green);box-shadow:0 0 16px #2ecc7166}.placeholder-preview{width:100%;height:100%;background-image:url(./Carcassonne_tiles-Ef_ILrTh.jpg);opacity:0;transition:opacity .15s}.placeholder:hover .placeholder-preview{opacity:.55}button{background:var(--accent);color:#fff;border:none;padding:9px 14px;font-size:14px;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .15s}button:hover{background:var(--accent-hover)}.meeple{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid white;transform:translate(-50%,-50%);z-index:5;pointer-events:none;box-shadow:0 1px 4px #0006}.region-selector{position:absolute;width:30px;height:30px;background:#ffffff73;border:2px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:10;transition:all .15s}.region-selector:hover{background:#2ecc71d9;border-color:var(--green);box-shadow:0 0 10px #2ecc7180}.region-Top{top:15%;left:50%}.region-Right{top:50%;left:85%}.region-Bottom{top:85%;left:50%}.region-Left{top:50%;left:15%}.region-Center{top:50%;left:50%}.pending-tile{cursor:pointer!important;z-index:8;transition:box-shadow .2s,border-color .2s}.pending-valid{box-shadow:0 0 20px #2ecc7199,inset 0 0 2px #2ecc714d;border:3px solid #2ecc71}.pending-invalid{box-shadow:0 0 20px #e74c3c99,inset 0 0 2px #e74c3c4d;border:3px solid #e74c3c;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:rotate(var(--r, 0deg))}20%{transform:rotate(var(--r, 0deg)) translate(-3px)}40%{transform:rotate(var(--r, 0deg)) translate(3px)}60%{transform:rotate(var(--r, 0deg)) translate(-2px)}80%{transform:rotate(var(--r, 0deg)) translate(2px)}}.tile-preview-dim{opacity:.4;filter:grayscale(50%)}.adjust-btn{width:100%;margin-top:6px;font-size:13px;padding:8px}.edge-label{position:absolute;font-size:11px;font-weight:700;text-shadow:0 0 3px black,0 0 6px black;z-index:10;pointer-events:none;line-height:1}.edge-top{top:2px;left:50%}.edge-right{top:50%;right:2px;left:auto;transform:translate(50%,-50%)}.edge-bottom{bottom:2px;top:auto;left:50%}.edge-left{top:50%;left:2px}.floating-score{position:absolute;pointer-events:none;font-weight:700;font-size:24px;color:var(--highlight);text-shadow:0 0 4px #000,0 0 10px #000;animation:floatUp 2s ease-out forwards;z-index:10001}.floating-score-anim{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:1000;display:flex;flex-direction:column;align-items:center;animation:float-up-fade 2.5s cubic-bezier(.175,.885,.32,1) forwards}.floating-score-text{font-size:14px;font-weight:900;text-shadow:1px 1px 0px #fff,-1px -1px 0px #fff,1px -1px 0px #fff,-1px 1px 0px #fff,2px 2px 0px #000;margin-top:-4px;font-family:Bricolage Grotesque,sans-serif}@keyframes float-up-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}15%{opacity:1;transform:translate(-50%,-70%) scale(1.3)}80%{opacity:1;transform:translate(-50%,-150%) scale(1)}to{opacity:0;transform:translate(-50%,-200%) scale(.9)}}.floating-score-permanent{animation:float-up-stay 1s cubic-bezier(.175,.885,.32,1) forwards,score-breath-stay 2s infinite ease-in-out 1s;z-index:10002}@keyframes float-up-stay{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-120%) scale(1.1)}}@keyframes score-breath-stay{0%{transform:translate(-50%,-120%) scale(1.1)}50%{transform:translate(-50%,-120%) scale(1.25)}to{transform:translate(-50%,-120%) scale(1.1)}}@keyframes HUD-breath-glow{0%{box-shadow:0 0 5px currentColor,inset 0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor,inset 0 0 10px currentColor}to{box-shadow:0 0 5px currentColor,inset 0 0 5px currentColor}}.brutal-breath-border{animation:HUD-breath-glow 2s infinite ease-in-out;border-width:4px;border-style:solid}.floating-actions-container{position:absolute;display:flex;flex-direction:row;gap:8px;transform:translate(-50%,-100%);z-index:50;margin-top:-10px;align-items:center}.adjust-btn{font-size:13px;padding:4px 12px;white-space:nowrap;width:auto}.floating-score img{width:28px;height:28px;filter:drop-shadow(0 0 5px gold)}@keyframes floatUp{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-150%) scale(1.5);opacity:0}}.brutal-mb{margin-bottom:15px}.brutal-btn{background:#fff;color:#000;border:3px solid #000;box-shadow:2px 2px #000;font-weight:900;padding:8px 16px;cursor:pointer;text-transform:uppercase;transition:transform .1s,box-shadow .1s;width:100%}.brutal-btn.secondary{background:#fdfbf7;color:#555;border-width:2px;box-shadow:1px 1px #000}.brutal-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.brutal-btn.primary{background:#fc0}.modal-overlay{position:fixed;inset:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center}.hidden-modal{display:none!important}.brutal-card{background-color:#fdfbf7;border:4px solid #000;box-shadow:4px 4px #000;padding:24px;width:360px;color:#000}.brutal-card h2{margin:-24px -24px 20px;padding:18px 20px 14px;background:#000;color:#fff;text-transform:uppercase;font-size:20px;font-weight:900;letter-spacing:.5px}.brutal-input{width:100%;border:2px solid #000;box-shadow:1px 1px #000;padding:6px;font-weight:700;box-sizing:border-box}.player-config-row{margin-bottom:10px;border:2px dashed #000;padding:8px;background:#f9f9f9}.tutorial-card{background:#fdfbf7;border:4px solid #000;box-shadow:5px 5px #000;width:min(560px,92vw);max-height:84vh;display:flex;flex-direction:column;font-family:Bricolage Grotesque,system-ui,sans-serif;color:#000;overflow:hidden}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;background:#000;color:#fff;flex-shrink:0}.tutorial-title{font-size:22px;font-weight:900;letter-spacing:1px}.tutorial-close{background:transparent;border:2px solid #fff;color:#fff;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.tutorial-close:hover{background:#fff3}.tutorial-tabs{display:flex;border-bottom:3px solid #000;flex-shrink:0;background:#f0ede8}.ttab{flex:1;background:transparent;border:none;border-right:2px solid #000;padding:10px 6px;font-size:13px;font-weight:800;cursor:pointer;color:#555;transition:background .15s,color .15s;border-radius:0;box-shadow:none;width:auto;text-transform:none}.ttab:last-child{border-right:none}.ttab:hover{background:#e0ddd8;color:#000}.ttab.active{background:#fc0;color:#000;border-bottom:3px solid #FFCC00;margin-bottom:-3px}.tutorial-pane{display:none;padding:16px 20px;overflow-y:auto;flex:1}.tutorial-pane.active{display:flex;flex-direction:column;gap:14px}.tutorial-section{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid #000;box-shadow:1.5px 1.5px #000;padding:12px}.tsec-icon{font-size:24px;flex-shrink:0;width:36px;text-align:center;line-height:1.3}.tsec-body{flex:1}.tsec-title{font-weight:900;font-size:15px;margin-bottom:5px;color:#000}.tsec-text{font-size:13px;line-height:1.6;color:#333;font-weight:500}.tutorial-score-table{width:100%;border-collapse:collapse;font-size:13px;font-weight:600}.tutorial-score-table th{background:#000;color:#fff;padding:8px 10px;text-align:left;font-weight:900}.tutorial-score-table td{border:2px solid #000;padding:8px 10px}.tutorial-score-table tr:nth-child(2n) td{background:#f5f3ef}.tutorial-note{margin-top:12px;background:#fc0;border:2px solid #000;box-shadow:1.5px 1.5px #000;padding:10px 14px;font-size:13px;font-weight:700;line-height:1.5}.online-modal{z-index:9999}.online-box{background:#fffbf0;border:3px solid #000;box-shadow:8px 8px #000;padding:36px 40px;border-radius:0;display:flex;flex-direction:column;gap:16px;width:100%;max-width:520px}.online-logo{font-family:Bricolage Grotesque,sans-serif;font-size:40px;font-weight:900;letter-spacing:-2px;line-height:1}.online-subtitle{font-size:12px;font-weight:700;letter-spacing:4px;color:#888;text-transform:uppercase;margin-top:-8px}.online-box-title{font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:900;border-bottom:3px solid #000;padding-bottom:12px;margin-bottom:8px}.online-welcome{font-size:15px;font-weight:600}.online-mode-btns{display:flex;gap:20px}.online-big-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;border:3px solid #000;box-shadow:4px 4px #000;background:#fff;cursor:pointer;transition:transform .08s,box-shadow .08s;font-family:inherit}.online-big-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.online-big-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.online-big-btn.primary-btn{background:#f1c40f}.online-big-btn.secondary-btn{background:#fff}.btn-icon{font-size:36px}.btn-label{font-size:18px;font-weight:900}.btn-desc{font-size:12px;color:#555;font-weight:600}.auth-tabs{display:flex;gap:0;border:2px solid #000}.auth-tab{flex:1;padding:10px;border:none;background:#eee;font-size:14px;font-weight:700;cursor:pointer;border-right:2px solid #000;font-family:inherit}.auth-tab:last-child{border-right:none}.auth-tab.active{background:#f1c40f}.auth-tab:hover:not(.active){background:#fff}.auth-panel{display:flex;flex-direction:column;gap:10px;margin-top:4px}.auth-error{color:#e74c3c;font-size:13px;font-weight:700;min-height:18px}.auth-hint{font-size:13px;color:#666;font-weight:600}.auth-back{background:none;border:none;font-size:13px;font-weight:700;color:#555;cursor:pointer;text-align:left;padding:0;margin-top:8px;font-family:inherit;text-decoration:underline}.code-input-row{display:flex;gap:10px;justify-content:center;margin:8px 0}.code-char-input{width:50px;height:60px;border:3px solid #000;box-shadow:3px 3px #000;text-align:center;font-size:28px;font-weight:900;font-family:Bricolage Grotesque,monospace;text-transform:uppercase;background:#fff;outline:none}.code-char-input:focus{background:#fffbe6;border-color:#f1c40f}.room-code-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f1c40f;border:2px solid #000}.room-code-label{font-size:13px;font-weight:700;color:#555}.room-code-value{font-family:Bricolage Grotesque,monospace;font-size:28px;font-weight:900;letter-spacing:4px;flex:1}.waiting-slots{display:flex;flex-direction:column;gap:8px}.waiting-slot{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #000;background:#fff}.waiting-slot.my-slot{border-color:#f1c40f;background:#fffbe6}.waiting-slot.empty-slot{background:#f0f0f0;border-style:dashed}.slot-name{font-weight:700;font-size:15px;flex:1}.slot-ready{font-size:13px;font-weight:700;color:#888;padding:4px 10px;border:2px solid #ccc}.slot-ready.is-ready{color:#27ae60;border-color:#27ae60;background:#eafaf1}.color-picker-row{display:flex;gap:6px}.color-swatch{width:28px;height:28px;border:2px solid #000;cursor:pointer;transition:transform .1s}.color-swatch.selected{outline:3px solid #000;outline-offset:2px;transform:scale(1.2)}.color-swatch.disabled{opacity:.35;cursor:not-allowed}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid #000}.countdown-msg{text-align:center;font-size:16px;font-weight:900;color:#27ae60;padding:12px;background:#eafaf1;border:2px solid #27ae60}.waiting-actions{display:flex;gap:12px;margin-top:8px}.chat-drawer{position:fixed;right:-340px;top:0;width:320px;height:100vh;background:#fffbf0;border-left:3px solid #000;box-shadow:-4px 0 #000;display:flex;flex-direction:column;z-index:500;transition:right .25s cubic-bezier(.4,0,.2,1)}.chat-drawer.open{right:0}.chat-header{display:flex;align-items:center;padding:16px 20px;border-bottom:2px solid #000;background:#f1c40f;flex-shrink:0}.chat-title{font-weight:900;font-size:16px;flex:1}.chat-close{background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;padding:0 4px}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.chat-msg{display:flex;flex-direction:column;gap:2px}.chat-msg.my-msg{align-items:flex-end}.chat-msg.their-msg{align-items:flex-start}.msg-name{font-size:11px;font-weight:700;color:#888}.msg-content{font-size:14px;font-weight:600;padding:6px 10px;border:2px solid #000;background:#fff;max-width:230px;word-break:break-word}.my-msg .msg-content{background:#f1c40f}.system-msg{text-align:center;padding:4px 8px}.sys-text{font-size:12px;color:#27ae60;font-style:italic;font-weight:600}.chat-emojis{display:flex;gap:4px;padding:8px 16px;border-top:2px solid #eee;flex-shrink:0}.chat-emoji-btn{font-size:22px;background:none;border:2px solid transparent;cursor:pointer;padding:4px;border-radius:4px}.chat-emoji-btn:hover{border-color:#000;background:#f1c40f}.chat-input-row{display:flex;gap:8px;padding:12px 16px;border-top:2px solid #000;flex-shrink:0}.chat-input{flex:1;padding:8px 10px;border:2px solid #000;font-size:14px;font-family:inherit;font-weight:600;outline:none;background:#fff}.chat-input:focus{background:#fffbe6;border-color:#f1c40f}#btn-chat.has-unread:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#e74c3c;border-radius:50%;border:2px solid #fff}.flying-emoji{position:absolute;bottom:80px;font-size:36px;pointer-events:none;animation:fly-up 2s ease-out forwards;z-index:800}@keyframes fly-up{0%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-180px) scale(1.3)}to{opacity:0;transform:translateY(-220px) scale(1)}}.landing-overlay{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 50%,rgba(76,155,64,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(101,167,89,.3) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(226,185,100,.3) 0%,transparent 50%),linear-gradient(135deg,#5b8a3c,#7aad52,#4e7a2e 60%,#8ab55a);background-size:100% 100%,100% 100%,100% 100%,100% 100%}.landing-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:linear-gradient(180deg,#5c3a1a,#7a4d25,#5c3a1a);border-bottom:3px solid #3d2510;box-shadow:0 4px 12px #00000080;flex-shrink:0}.landing-title{display:flex;align-items:baseline;gap:10px}.landing-title-en{font-family:Bricolage Grotesque,Georgia,serif;font-size:32px;font-weight:900;color:#f5d87a;text-shadow:2px 2px 4px rgba(0,0,0,.6);letter-spacing:-.5px;font-style:italic}.landing-title-zh{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:26px;font-weight:900;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.ccs-home-version{position:absolute;top:16px;right:16px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:14px;font-weight:700;color:#0006;background:#fffc;padding:4px 12px;border-radius:20px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d;letter-spacing:.5px}.landing-center{flex:1;display:flex;align-items:center;justify-content:center}.landing-card{display:flex;align-items:center;gap:40px;background:#ffffff2e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(255,255,255,.35);border-radius:24px;padding:36px 48px;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff6}.landing-icon-wrap{flex-shrink:0}.landing-icon{width:200px;height:200px;border-radius:32px;box-shadow:0 8px 24px #0006;display:block}.landing-btns{display:flex;flex-direction:column;gap:16px;min-width:200px}.landing-btn{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:22px;font-weight:900;color:#fff;border:none;border-radius:12px;padding:16px 32px;cursor:pointer;text-shadow:1px 1px 3px rgba(0,0,0,.4);letter-spacing:2px;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.landing-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 60%);border-radius:inherit}.landing-btn:hover{transform:translateY(-2px)}.landing-btn:active{transform:translateY(1px)}.landing-btn-gold{background:linear-gradient(180deg,#f0b849,#d4891a,#b8720e);box-shadow:0 4px #7a4a08,0 6px 12px #d0851e80}.landing-btn-gold:hover{box-shadow:0 6px #7a4a08,0 8px 16px #d0851e99}.landing-btn-red{background:linear-gradient(180deg,#e85050,#c02828,#9e1818);box-shadow:0 4px #6e0e0e,0 6px 12px #c0282880}.landing-btn-red:hover{box-shadow:0 6px #6e0e0e,0 8px 16px #c0282899}.player-card-compact{display:flex;align-items:center;gap:7px;background:#fdfbf7;border:2px solid #000;box-shadow:2px 2px #000;padding:5px 8px 5px 0;margin-bottom:5px;font-family:Bricolage Grotesque,system-ui,sans-serif;color:#000;font-weight:700;position:relative;overflow:hidden}.pcc-color-bar{width:5px;height:100%;position:absolute;left:0;top:0;background:var(--p-color, #000);flex-shrink:0}.pcc-color-bar.active-glow:after{content:"";position:absolute;left:-3px;width:11px;height:40%;background:#ffffffb3;filter:blur(4px);border-radius:4px;animation:glow-slide 2s ease-in-out infinite}@keyframes glow-slide{0%{top:-10%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:110%;opacity:0}}.player-card-compact{padding-left:10px}.pcc-net-col{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px}.net-dot{display:block;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 4px #0000004d;flex-shrink:0}.net-dot-sm{width:7px;height:7px;border:1.5px solid rgba(255,255,255,.8);animation:none!important}@keyframes net-pulse{0%,to{opacity:1;box-shadow:0 0 6px currentColor}50%{opacity:.5;box-shadow:0 0 2px currentColor}}.pcc-avatar{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.pcc-avatar img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.pcc-avatar-placeholder{width:34px;height:34px;border-radius:50%;border:2px solid #000}.pcc-name{flex:1;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pcc-score{font-size:26px;font-weight:900;min-width:40px;text-align:right;letter-spacing:-.5px;line-height:1}.pcc-meeple{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:#444;min-width:36px}.pcc-meeple-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.pcc-meeple-num{font-size:14px;font-weight:900;color:#000}.pcc-meeple-max{color:#999;font-size:10px}.feed-panel-wrap{display:flex;flex:1;min-height:0;position:relative;margin-bottom:20px;border:2px solid #000;box-sizing:border-box;padding-left:5px;background:#fdfbf7;box-shadow:2px 2px #000}.feed-left-bar{width:5px;position:absolute;left:0;top:0;bottom:0;flex-shrink:0;background:#e67e22}.feed-right-col{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;border-left:1px solid #000}.feed-header{background:#000;color:#fff;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;flex-shrink:0}#game-log{background:#fdfbf7;border:none;flex:1;overflow-y:auto;padding:6px 8px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:11px;color:#111;display:flex;flex-direction:column;gap:3px;min-height:80px}#game-log::-webkit-scrollbar{width:3px}#game-log::-webkit-scrollbar-track{background:#f0f0f0}#game-log::-webkit-scrollbar-thumb{background:#000}.activity-sys{color:#888;font-size:10px;font-style:italic;padding:2px 0;border-bottom:1px dashed #e0e0e0}.activity-score{display:flex;align-items:center;gap:4px;padding:2px 0;border-bottom:1px solid #f0f0f0}.activity-chat{display:flex;align-items:flex-start;gap:4px;background:#f5f5f5;border-radius:2px;padding:3px 5px}.activity-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:2px}.feed-input-row{display:flex;gap:6px;padding:6px;background:#f0ede6;border:2px solid #000;border-top:none;flex-shrink:0}.feed-chat-input{flex:1;border:2px solid #000;background:#fff;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:12px;padding:5px 8px;outline:none;box-shadow:2px 2px #000}.feed-chat-input:focus{box-shadow:2px 2px #ffc107}.feed-send-btn{padding:5px 8px!important;font-size:11px!important;min-width:44px;max-width:54px;flex-shrink:0;white-space:nowrap}.forfeit-btn{color:#e74c3c!important;border-color:#e74c3c!important}.forfeit-btn:hover{background:#e74c3c!important;color:#fff!important}#forfeit-btn-container{display:none}.color-conflict-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#e74c3c;color:#fff;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;font-size:14px;padding:10px 22px;border:3px solid #000;box-shadow:4px 4px #000;z-index:9999;animation:toast-in .2s ease;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landing-bottom-bar{position:absolute;bottom:20px;right:28px;display:flex;align-items:center;gap:8px}.landing-tutorial-btn{display:flex;align-items:center;gap:6px;background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.5);color:#fff;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:background .15s,transform .1s}.landing-tutorial-btn:hover{background:#ffffff59;transform:translateY(-1px)}.landing-tutorial-btn svg{flex-shrink:0}.local-count-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.setup-label{font-size:13px;font-weight:800;flex-shrink:0}.count-btns{display:flex;gap:8px}.count-btn{padding:5px 16px;border:2px solid #000;background:#fff;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:13px;font-weight:800;cursor:pointer;box-shadow:2px 2px #000;transition:background .1s}.count-btn.active{background:#000;color:#fff}.local-players-config{display:flex;flex-direction:column;gap:8px}.player-config-row-inline{display:flex;align-items:center;gap:8px}.player-config-row-inline .pcr-label{width:42px;font-size:12px;font-weight:800;flex-shrink:0}.player-config-row-inline .brutal-input{flex:1;min-width:0;font-size:13px;padding:6px 8px}.player-config-row-inline select.brutal-input{flex:0 0 76px}.landing-overlay~* #ui-panel{display:none}.ccs-screen{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;overflow:hidden;background-color:#fce8cc}.ccs-screen-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.ccs-screen-bg img{width:100%;height:100%;object-fit:cover;opacity:.95;filter:saturate(1.1)}.ccs-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;flex-shrink:0;background:linear-gradient(180deg,#3a1a08,#5a2a10 60%,#4a2010);border-bottom:3px solid #8b4a18;box-shadow:0 3px 12px #00000080}.ccs-topbar-left{display:flex;align-items:center;gap:10px}.ccs-logo-img{width:36px;height:36px;border-radius:6px;border:2px solid #c08030}.ccs-topbar-title{font-family:Bricolage Grotesque,Georgia,serif;font-size:18px;font-weight:800;color:#f0c860;text-shadow:1px 1px 3px rgba(0,0,0,.7);letter-spacing:.5px}.ccs-topbar-sub{font-size:13px;font-weight:600;color:#d4a840;opacity:.85}.ccs-topbar-right{font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;color:#e0c070;opacity:.9;letter-spacing:1px}.ccs-screen-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:24px}.ccs-dialog{background:#fdfaf0;border-radius:16px;box-shadow:0 10px 48px #000000a6,0 4px 12px #0000004d;overflow:hidden;min-width:380px;max-width:520px;width:100%;animation:ccs-dialog-in .25s cubic-bezier(.34,1.56,.64,1) both;position:relative;z-index:10}.ccs-dialog-wide{max-width:680px}@keyframes ccs-dialog-in{0%{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ccs-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(180deg,#8b2020,#6a1515 60%,#7a1a1a);border-bottom:3px solid #4a0e0e;min-height:46px}.ccs-diamond-icon{font-size:16px;color:#f0c030;text-shadow:0 0 6px rgba(240,192,48,.6);flex-shrink:0}.ccs-dialog-title{flex:1;text-align:center;font-family:Bricolage Grotesque,Georgia,serif;font-size:20px;font-weight:900;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6);letter-spacing:1px}.ccs-dialog-title-gold{color:#f5c842;text-shadow:1px 2px 4px rgba(0,0,0,.5),0 0 12px rgba(245,200,68,.3)}.ccs-close-x{width:30px;height:30px;border-radius:6px;background:linear-gradient(180deg,#e05010,#b03a08);border:2px solid #803010;color:#fff;font-size:14px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,transform .08s;flex-shrink:0}.ccs-close-x:hover{background:linear-gradient(180deg,#f06020,#c04010);transform:scale(1.08)}.ccs-dialog-body{padding:24px 28px 20px;background:radial-gradient(ellipse 70% 60% at 30% 40%,rgba(255,245,210,.6) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 70% 70%,rgba(220,195,140,.4) 0%,transparent 60%),#f0e0a8}.ccs-home-content{display:flex;align-items:center;gap:32px;padding:8px 0}.ccs-home-meeple-wrap{position:relative;width:140px;height:140px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000026,inset 0 1px 4px #fffc;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid #e8d8b0}.ccs-home-favicon-center{width:100%;height:100%;border-radius:20px;object-fit:contain}.ccs-home-buttons{display:flex;flex-direction:column;gap:14px;flex:1}.ccs-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:10px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:18px;font-weight:900;letter-spacing:1px;cursor:pointer;border:none;transition:filter .12s,transform .08s,box-shadow .12s;text-shadow:0 1px 3px rgba(0,0,0,.35);white-space:nowrap}.ccs-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #00000040}.ccs-btn:active{filter:brightness(.95);transform:translateY(1px);box-shadow:none}.ccs-btn-primary{background:linear-gradient(180deg,#f0c030,#d4900a 45%,#e0a820);box-shadow:0 4px #a06808,0 6px 16px #c88c0a59;color:#000;border-bottom:4px solid #a06808}.ccs-btn-primary:hover{background:linear-gradient(180deg,#d44020,#a02010 45%,#c03018);box-shadow:0 4px #701010,0 6px 16px #a01e0a59;color:#fff;border-bottom:4px solid #701010}.ccs-btn-primary:hover .ccs-btn-diamond{color:#f0c030}.ccs-btn-gold{background:linear-gradient(180deg,#f0c030,#d4900a 45%,#e0a820);box-shadow:0 4px #a06808,0 6px 16px #c88c0a59;color:#3a1800;border-bottom:4px solid #a06808}.ccs-btn-red{background:linear-gradient(180deg,#d44020,#a02010 45%,#c03018);box-shadow:0 4px #701010,0 6px 16px #a01e0a59;color:#fff;border-bottom:4px solid #701010}.ccs-btn-lg{font-size:16px;padding:12px 28px;flex:1}.ccs-btn-diamond{font-size:13px;opacity:.9}.ccs-count-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.ccs-count-label{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:15px;font-weight:800;color:#5a2a08}.ccs-pill-switch{display:flex;background:#0000001f;border-radius:999px;padding:3px;gap:2px;border:2px solid rgba(140,80,20,.3)}.ccs-pill{padding:5px 18px;border-radius:999px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:13px;font-weight:800;background:transparent;border:none;color:#5a2a08;cursor:pointer;transition:background .15s,color .15s}.ccs-pill.active{background:linear-gradient(180deg,#5a3018,#3a1a08);color:#f0c840;box-shadow:0 2px 6px #0000004d}.ccs-player-cards{display:flex;gap:12px;margin-bottom:16px}.ccs-player-card{flex:1;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #0003;border:2px solid #7a4a18}.ccs-player-card-header{background:linear-gradient(180deg,#8b5018,#6a3a0e);color:#f5d890;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:14px;font-weight:900;text-align:center;padding:8px 4px 6px;letter-spacing:1px;border-bottom:2px solid #4a2808}.ccs-player-card-body{background:#f0e0a0;padding:10px 8px;display:flex;flex-direction:column;gap:10px}.ccs-name-input{width:100%;box-sizing:border-box;padding:7px 10px;border:2px solid #c8a050;border-radius:6px;background:#fdf5dc;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:13px;font-weight:700;color:#3a1800;outline:none;transition:border-color .15s,box-shadow .15s}.ccs-name-input:focus{border-color:#e09030;box-shadow:0 0 0 3px #e0903040}.ccs-meeple-row{display:flex;justify-content:center;gap:4px}.ccs-meeple-opt{position:relative;width:34px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;border-radius:6px;padding:3px 2px;transition:transform .1s,background .1s}.ccs-meeple-opt:hover{transform:scale(1.1) translateY(-2px);background:#fff6}.ccs-meeple-opt.ccs-meeple-sel{background:#fff9;box-shadow:0 0 0 2px #e09030,0 2px 8px #dc903066;border-radius:8px}.ccs-meeple-pick-img{width:28px;height:28px;object-fit:contain}.ccs-meeple-crown{position:absolute;top:-2px;left:50%;transform:translate(-50%);font-size:11px;line-height:1}.ccs-bottom-btns{display:flex;gap:12px;margin-top:4px}.ccs-error{color:#c02020;font-size:12px;font-weight:700;text-align:center;min-height:16px;font-family:Bricolage Grotesque,system-ui,sans-serif}.ccs-online-intro{text-align:center;font-size:14px;font-weight:700;color:#6a3a10;margin-bottom:16px;font-family:Bricolage Grotesque,system-ui,sans-serif}.ccs-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.ccs-field-label{font-size:13px;font-weight:800;color:#5a2a08;font-family:Bricolage Grotesque,system-ui,sans-serif}.ccs-online-btns{display:flex;gap:12px;margin-bottom:4px}.ccs-online-btns .ccs-btn{flex:1;font-size:15px;padding:12px 16px}.ccs-join-code-area{margin-top:12px}.ccs-code-row{display:flex;gap:8px;justify-content:center}.ccs-code-char{width:48px;height:52px;text-align:center;font-size:24px;font-weight:900;font-family:Bricolage Grotesque,monospace,sans-serif;background:#fdf5dc;border:2px solid #c8a050;border-radius:8px;color:#3a1800;outline:none;transition:border-color .15s}.ccs-code-char:focus{border-color:#e09030;box-shadow:0 0 0 3px #e090304d}.ccs-back-link{display:block;text-align:center;margin-top:14px;background:none;border:none;font-size:13px;font-weight:700;color:#8a4a18;cursor:pointer;font-family:Bricolage Grotesque,system-ui,sans-serif;text-decoration:underline;opacity:.8;transition:opacity .12s}.ccs-back-link:hover{opacity:1}.ccs-tutorial-fab{position:absolute;bottom:20px;right:24px;display:flex;align-items:center;gap:6px;background:#3c1e0aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(200,160,80,.5);color:#f5d070;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:background .15s,transform .1s}.ccs-tutorial-fab:hover{background:#50280acc;transform:translateY(-1px)}.return-home-fab{position:absolute;bottom:16px;left:14px;z-index:500;display:flex;align-items:center;gap:4px;padding:7px 14px;background:#1e0f05bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid rgba(200,160,80,.5);border-radius:999px;color:#f0d070;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:12px;font-weight:800;cursor:pointer;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.6);transition:background .15s,transform .1s;pointer-events:all}.return-home-fab:hover{background:#5a2d0ae0;transform:translateY(-1px)}.ccs-ai-toggle{display:inline-flex;align-items:center;background:#8b451326;border-radius:20px;padding:4px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:700;color:#5c3a21;gap:4px;transition:background .3s;box-shadow:inset 0 2px 4px #0003;border:1px solid rgba(139,69,19,.3)}.ccs-ai-toggle[data-ai=true]{background:#8b4513;border-color:#5c3a21}.ccs-ai-toggle-label{padding:2px 10px;border-radius:14px;transition:all .3s}.ccs-ai-toggle[data-ai=false] .ccs-ai-toggle-label:first-child{background:linear-gradient(to bottom,#fff5e6,#ebd5b3);color:#5c3a21;box-shadow:0 1px 3px #0000004d}.ccs-ai-toggle[data-ai=true] .ccs-ai-toggle-label:last-child{background:linear-gradient(to bottom,gold,#b8860b);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);box-shadow:0 1px 3px #0006}.ccs-ai-toggle[data-ai=true] .ccs-ai-toggle-label:first-child{color:#fff9}.ccs-ai-toggle[data-ai=false] .ccs-ai-toggle-label:last-child{color:sienna}@keyframes ai-pulse-border{0%{box-shadow:0 0 0 2px var(--ai-color),0 0 10px var(--ai-color)}50%{box-shadow:0 0 0 4px var(--ai-color),0 0 20px var(--ai-color)}to{box-shadow:0 0 0 2px var(--ai-color),0 0 10px var(--ai-color)}}.ai-last-move-highlight{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;pointer-events:none;z-index:10;border-radius:4px;animation:ai-pulse-border 2s infinite ease-in-out}