.sidebar-label{margin-top:35px}.side-note{margin-bottom:25px}.nav-button{padding-top:13px;padding-bottom:13px}.arcade-banner{background:#e3ead8;border:1px solid #d7e1cb;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:30px 35px;gap:20px}.arcade-banner h2{font-size:25px;font-weight:500;margin:10px 0}.arcade-banner p{font-size:12px;color:#819271;margin:0}.banner-art{font-size:66px;color:#99ad7c;white-space:nowrap;letter-spacing:12px}.banner-art b{color:#b9ab69;font-weight:400}.lobby-join{display:flex;align-items:center;gap:12px;padding:21px 0;flex-wrap:wrap;font-size:12px;color:#7e8f73}.lobby-join input,.room-actions input{width:150px;background:#fffdf4;border:1px solid #d7dfc9;border-radius:8px;padding:10px;font:inherit;min-width:0}.arcade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.arcade-card{border:1px solid #dde4d2;border-radius:15px;padding:22px;text-align:left;background:#edf1e4;transition:transform .18s,box-shadow .18s}.arcade-card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #5667400d}.arcade-card.lilac{background:#eeebf1}.arcade-card.pink{background:#f3eaE5}.arcade-card.peach{background:#f0ebdd}.arcade-card.sand{background:#efeddb}.arcade-card.blue{background:#e7efed}.game-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-card-top span{font-size:35px}.game-card-top i{font-style:normal;color:#95a083}.arcade-card h3{font-size:18px;margin:5px 0}.arcade-card small{font-size:9px;color:#8b957e}.arcade-card p{font-size:11px;color:#8b957e;line-height:1.9;margin:5px 0}.arcade-footnote{font-size:10px;color:#99a58f;margin-top:24px}.arcade-game-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 0}.arcade-game-heading h2{font-size:22px;margin:0}.arcade-game-heading>span{font-size:10px;color:#96a187;margin-left:auto}.mini-host{border:1px solid #dfe5d6;border-radius:16px;background:#fffdf4;padding:24px;min-height:450px}.board-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.board-toolbar label{font-size:11px;color:#8c987f;display:flex;align-items:center;gap:7px}.board-toolbar select{border:1px solid #d6dfca;background:#f2f5e9;padding:9px;border-radius:8px;color:#526849;font:inherit}.board-stage{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px}.board-stage>div{min-width:0}.board-status{background:#edf2e3;border-radius:8px;padding:12px 15px;margin-bottom:12px;font-size:12px;color:#627752}.board-scroll{overflow:auto;border-radius:10px;border:1px solid #ccba95}#boardCanvas{width:100%;height:auto;display:block;touch-action:manipulation}.board-guide{padding:5px 0}.board-guide p{font-size:12px;color:#89957d;line-height:2}.board-guide h3{font-size:19px}.board-guide .subtle{font-size:10px}.board-guide details{font-size:11px;color:#849576;margin-top:20px}.board-guide summary{cursor:pointer}.small-score{padding:13px 12px;border:1px dashed #d4dfc8;border-radius:8px;font-size:11px;color:#748761}.go-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}.online-panel{background:#eef3e5;padding:15px;border-radius:10px;margin-bottom:20px}.room-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.online-panel p{font-size:11px;color:#7e906e;overflow-wrap:anywhere}#moveMessage{font-size:12px;line-height:1.8;color:#a47a49;margin-top:20px;overflow-wrap:anywhere}.mini-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.mini-toolbar .mini-stats{display:flex;gap:18px;font-size:12px;color:#7c8f6d}.mini-toolbar strong{color:#455f39;font-size:19px;font-weight:500}.mini-description{font-size:12px;color:#8d9b81;line-height:1.9}.mini-status{background:#edf3e1;padding:13px 16px;border-radius:9px;min-height:46px;margin:17px 0;font-size:13px;color:#6c8259}.puzzle-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:26px}.puzzle-layout aside{font-size:12px;color:#8c987f;line-height:2}.tile-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;background:#e6eddd;border-radius:14px;padding:12px;aspect-ratio:1;max-width:620px;width:100%;margin:auto;touch-action:manipulation}.tile-board button{border-radius:10px;display:grid;place-items:center;font-size:clamp(20px,3vw,36px);background:#fdfbed;border:2px solid transparent;min-width:0;padding:0;aspect-ratio:1}.tile-board button.selected{border-color:#729963;box-shadow:0 0 0 2px #98b38780}.tile-board button.hint{border-color:#c5a452;background:#fff0b9}.tile-board button.pop{background:#e8dcb1;transform:scale(.8)}.puzzle-result{text-align:center;padding:18px;background:#f1edce;border-radius:12px;margin:15px 0}.puzzle-result h3{margin:0}.yarn-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin:32px 0;min-height:255px}.yarn-tube{border:2px solid #c9d3bc;border-top:0;border-radius:0 0 22px 22px;padding:9px 5px 12px;display:flex;flex-direction:column-reverse;gap:6px;height:248px;background:#edf2e4;min-width:0;align-items:center;justify-content:flex-start;position:relative}.yarn-tube.selected{background:#e1edce;border-color:#789958;transform:translateY(-9px)}.yarn-ball{height:43px;width:43px;border-radius:50%;border:3px solid #ffffff80;box-shadow:inset -5px -4px 0 #00000010;position:relative;display:grid;place-items:center;font-size:12px;color:#ffffff}.yarn-ball:before{content:'';position:absolute;inset:4px;border:1px solid #ffffff70;border-radius:50%;transform:rotate(40deg) scaleX(.45)}.yarn-number{position:absolute;bottom:-29px;font-size:10px;color:#91a080}.grid-world{display:grid;gap:3px;background:#dbe5cd;border-radius:12px;padding:10px;max-width:580px;aspect-ratio:1;margin:auto;width:100%;touch-action:manipulation}.grid-cell{border-radius:6px;background:#f1f4e7;display:grid;place-items:center;aspect-ratio:1;font-size:clamp(15px,2.8vw,28px);padding:0;min-width:0;border:1px solid #dae3cf}.grid-cell.wall{background:#9daa8b;color:#eff3e8}.grid-cell.player{background:#e5dba9;outline:2px solid #ac9459}.grid-cell.exit{background:#d6dbea}.grid-cell.enemy{background:#ead8d0}.grid-cell.pathhint{background:#dceac6}.dpad{display:grid;grid-template-columns:repeat(3,49px);grid-template-rows:repeat(2,43px);gap:6px;justify-content:center;margin:16px auto}.dpad button{background:#e5ecd9;border:1px solid #cfdbc1;border-radius:9px;font-size:20px;touch-action:manipulation}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.upgrade-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.upgrade-choices button{background:#ece8db;border:1px solid #dbd7c4;border-radius:12px;padding:17px;text-align:left}.upgrade-choices strong{display:block;font-size:15px;margin-bottom:6px}.upgrade-choices span{font-size:11px;color:#8b927d}.health-bar{height:7px;background:#e6dbca;border-radius:9px;overflow:hidden;margin:8px 0}.health-bar div{height:100%;background:#91ab71}.run-build{font-size:11px;color:#8a977c}.skill-filter{display:flex;gap:7px;margin:10px 0 20px;flex-wrap:wrap}.skill-filter button{background:#e8eddf;border:1px solid #d4dfc7;border-radius:20px;padding:7px 15px;font-size:11px}.skill-filter button.active{background:#577651;color:white}
@media(max-width:1180px){.board-stage,.puzzle-layout{grid-template-columns:minmax(0,1fr) 160px}.mini-host{padding:18px}.yarn-board{gap:9px}.yarn-ball{width:36px;height:36px}.yarn-tube{height:220px}.arcade-card{padding:18px}.sidebar .nav-button{padding:12px 8px}.sidebar .nav-button div{font-size:12px}}
@media(max-width:900px){.sidebar .nav-button{padding:10px 5px}.sidebar nav{gap:3px}.sidebar .nav-button div{font-size:11px}.sidebar .nav-button i{display:none}.arcade-banner{padding:23px}.banner-art{font-size:49px}.arcade-grid{gap:13px}}
@media(max-width:650px){.sidebar .nav-button{gap:4px;flex-direction:column;padding:8px 3px}.sidebar .nav-button div{font-size:9px}.sidebar .nav-button>span{font-size:18px}.arcade-banner{padding:20px}.arcade-banner h2{font-size:19px}.arcade-banner p{font-size:10px}.banner-art{display:none}.arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.arcade-card{padding:16px 13px}.arcade-card h3{font-size:16px}.arcade-card p{font-size:10px}.arcade-card small{font-size:8px}.game-card-top{margin-bottom:12px}.game-card-top span{font-size:28px}.lobby-join{font-size:10px;gap:8px}.lobby-join>span:first-child{width:100%}.lobby-join input{width:150px}.mini-host{padding:13px}.board-stage,.puzzle-layout{grid-template-columns:1fr;gap:14px}.board-guide h3{margin-top:0}.board-guide p{font-size:11px}.board-guide details{margin-top:10px}.board-toolbar{gap:8px}.board-toolbar .secondary{padding:8px 10px}.board-toolbar label{font-size:10px}.board-status{font-size:11px;padding:10px}.arcade-game-heading{gap:12px;padding:21px 0}.arcade-game-heading h2{font-size:19px}.arcade-game-heading>span{width:100%;margin:0;font-size:9px}.room-actions input{width:130px}.room-actions .primary{padding:9px 13px;font-size:11px}.room-actions .secondary{padding:9px 12px}.tile-board{padding:8px;gap:3px}.tile-board button{font-size:26px;border-radius:7px}.yarn-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 18px;margin:28px 8px 42px}.yarn-tube{height:216px}.yarn-ball{width:39px;height:39px}.grid-world{padding:6px;gap:2px}.grid-cell{font-size:21px;border-radius:4px}.upgrade-choices{grid-template-columns:1fr}.upgrade-choices button{padding:13px}.mini-toolbar .mini-stats{gap:12px;font-size:10px}.mini-toolbar strong{font-size:16px}.go-actions .secondary{font-size:10px;padding:8px 12px}.puzzle-layout aside{font-size:11px}.mini-description{font-size:11px}.lobby-join input,.room-actions input{font-size:16px}}