:root{--sky:#dcefff;--bg:#f7f3e8;--card:#fffdf7;--line:#e6dcc6;--text:#3a2f24;--muted:#8a7a66;--primary:#3d8442;--primary-soft:#eaf5e6;--honey:#e09419;--dew:#3f9fb8;--soil:#8b5a2b;--ok:#3d8442;--warn:#e09419;--bad:#cc3f36;--radius:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,Noto Sans KR,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.screen{flex-direction:column;gap:12px;max-width:760px;min-height:100%;margin:0 auto;padding:16px;display:flex}h1{letter-spacing:-.02em;margin:4px 0;font-size:24px}h2{color:var(--muted);margin:0 0 10px;font-size:15px;font-weight:700}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:0 1px #3a2f240a}.big{margin:0;font-size:27px;font-weight:800}.sub{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.5}.highlight{color:var(--honey);margin:8px 0 0;font-size:19px;font-weight:800}.error{color:var(--bad);margin:4px 0 0;font-size:14px}.actions{flex-wrap:wrap;gap:8px;padding-bottom:4px;display:flex}.btn{color:#fff;background:var(--primary);border-radius:var(--radius);border:none;flex:1;min-width:120px;min-height:54px;font-size:17px;font-weight:800;box-shadow:0 3px #2f6733}.btn:active{transform:translateY(2px);box-shadow:0 1px #2f6733}.btn:disabled{opacity:.45;box-shadow:none;cursor:default}.btn-danger{background:var(--bad);box-shadow:0 3px #96322a}.btn-danger:active{box-shadow:0 1px #96322a}.btn-quiet{color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-height:46px;padding:0 16px;font-size:15px;font-weight:600}.topbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar h1{flex:1;min-width:100px;margin:0}.section-title{color:var(--soil);margin:6px 0 0;font-size:16px}.place{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:0;display:block;overflow:hidden;box-shadow:0 2px #3a2f240f}.place.locked{opacity:.8}.biomescene{display:block}.place-body{padding:12px 14px 14px}.place-head{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.place-name{font-size:18px;font-weight:800}.place-drop,.place-go{color:var(--muted);margin-left:auto;font-size:13px}.place-go{color:var(--primary);font-weight:700}.tiles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tiles-alt{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.tiles-label{color:var(--muted);margin-right:2px;font-size:13px;font-weight:700}.tile{color:#fff;background:var(--primary);border:none;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;display:flex;position:relative;box-shadow:0 3px #2f6733}.tile:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #2f6733}.tile-new{background:var(--honey);box-shadow:0 3px #a86f10}.tile-new:active{box-shadow:0 1px #a86f10}.tile-locked{color:var(--muted);box-shadow:none;cursor:default;background:#e7dfcd}.tile-small{background:var(--soil);width:46px;height:46px;font-size:17px;box-shadow:0 3px #63401d}.tile-mark{font-size:14px;position:absolute;top:-4px;right:-4px}.mission{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mission-label{color:var(--muted);font-size:14px;font-weight:700}.mission-dots{gap:5px;display:flex}.dot{background:#e7dfcd;border:2px solid #d8cdb4;border-radius:50%;width:16px;height:16px;display:inline-block}.dot-on{background:var(--honey);border-color:#a86f10}.mission-count{color:var(--text);font-size:14px;font-weight:800}.resources{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.resources li{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:flex}.resources strong{color:var(--text);font-size:17px;font-weight:800}.biome{margin-bottom:16px}.biome:last-child{margin-bottom:0}.biome-title{color:var(--soil);margin:0 0 8px;font-size:16px}.biome-title em{color:var(--muted);font-size:13px;font-style:normal;font-weight:500}.levels{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.level-btn{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;width:100%;min-height:60px;padding:10px 14px;display:flex}.level-btn:active:not(:disabled){background:var(--primary-soft)}.level-btn:disabled{opacity:.45;cursor:default}.level-id{color:var(--primary);min-width:44px;font-weight:800}.level-title{flex:1;font-weight:600}.level-title em{color:var(--muted);font-size:13px;font-style:normal;font-weight:400}.level-meta{color:var(--muted);text-align:right;font-size:13px}.level-sub-btn{width:100%;min-height:42px;color:var(--primary);background:var(--primary-soft);border:1px solid #cfe6c9;border-radius:10px;margin-top:4px;font-size:14px;font-weight:600}.level-sub-btn:disabled{opacity:.45;cursor:default}.screen-world{gap:10px}.worldbar{align-items:center;gap:10px;display:flex}.worldbar-name{flex:1;font-size:18px;font-weight:800}.worldbar-info{color:var(--muted);text-align:right;font-size:13px}.worldwrap{flex-direction:column;gap:6px;display:flex}.worldscene,.roomscene{border:1px solid var(--line);border-radius:var(--radius);-webkit-tap-highlight-color:transparent;background:#bfe3ff;width:100%;height:auto;display:block}.worldscene{touch-action:none;cursor:pointer}.roomscene{touch-action:pan-y;cursor:default}.worldhint{text-align:center;color:var(--muted);margin:0;font-size:13px}.here .big{font-size:22px}.ant-art{object-fit:contain}.decor-placed{margin:0 0 10px;padding:0;list-style:none}.decor-placed li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;font-weight:600;display:flex}.decor-placed li span{flex:1}.badgewall{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.badgewall li{border:1px solid var(--line);border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:8px;padding:10px;display:grid}.badgewall li>svg{grid-row:span 2}.badge-hung{border-color:var(--honey);box-shadow:0 0 0 2px var(--honey) inset}.badge-hang{min-height:38px;color:var(--soil);background:var(--bg);border:1px solid var(--line);border-radius:9px;grid-column:1/-1;margin-top:8px;font-size:13px;font-weight:700}.badge-hang:disabled{opacity:.45;cursor:default}.badge-hung .badge-hang{color:#fff;background:var(--honey);border-color:var(--honey)}.report{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.report li{background:var(--bg);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.report-label{color:var(--muted);font-size:12px;font-weight:700}.report strong{color:var(--primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.report strong em{color:var(--muted);font-size:14px;font-style:normal;font-weight:700}.badge-on{border-color:var(--honey);background:#fff7e6}.badge-off{background:var(--bg);opacity:.6}.badge-title{font-size:14px;font-weight:800;display:block}.badge-desc{color:var(--muted);margin-top:2px;font-size:12px;display:block}.popup-backdrop{z-index:20;background:#281e128c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.popup{text-align:center;background:var(--card);border:3px solid var(--soil);border-radius:22px;width:100%;max-width:380px;margin:auto;padding:20px 18px 18px;box-shadow:0 8px #3a2a174d}.popup-title{color:var(--soil);margin:0;font-size:21px;font-weight:800}.popup-stars{justify-content:center;gap:4px;margin:8px 0 2px;display:flex}.popup-score{font-variant-numeric:tabular-nums;color:var(--muted);margin:4px 0 0;font-size:22px}.popup-score strong{color:var(--primary);font-size:46px;font-weight:800}.popup-sub{color:var(--muted);margin:0 0 10px;font-size:14px}.popup-record{color:var(--honey);margin:0 0 10px;font-size:19px;font-weight:800}.popup-loot{background:var(--bg);border-radius:12px;margin:0 0 12px;padding:10px 12px;list-style:none}.popup-loot li{align-items:center;gap:8px;padding:4px 0;font-size:15px;display:flex}.popup-loot li span:nth-child(2){text-align:left;color:var(--muted);flex:1}.popup-loot strong{color:var(--honey);font-size:18px;font-weight:800}.popup-badges{margin-bottom:14px}.popup-badges-title{color:var(--honey);margin:0 0 6px;font-size:15px;font-weight:800}.popup-badges ul{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.popup-badges li{flex-direction:column;align-items:center;width:88px;display:flex}.popup-badges .badge-title{margin-top:2px;font-size:12px;font-weight:700;line-height:1.3}.play{justify-content:flex-start}.play-top{justify-content:space-between;align-items:center;display:flex}.progress{color:var(--muted);font-size:15px;font-weight:700}.huntscene{border-radius:var(--radius);border:1px solid var(--line);display:block;overflow:hidden}.timebar{background:#ece4d2;border-radius:9px;height:18px;margin:8px 0 14px;position:relative}.timebar-fill{border-radius:9px;height:100%;transition:background-color .25s linear}.timebar-ok{background:var(--ok)}.timebar-warn{background:var(--warn)}.timebar-danger{background:var(--bad)}.timebar-ant{pointer-events:none;line-height:0;position:absolute;top:-8px;transform:translate(-50%)}.question{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 8px;font-size:44px;font-weight:800;display:flex}.operator{color:var(--muted)}.answer-slot{text-align:center;min-width:130px;color:var(--primary);border-bottom:5px solid var(--line)}.feedback{text-align:center;min-height:30px;font-size:17px;font-weight:700}.fb-ok{color:var(--ok)}.fb-bad{color:var(--bad)}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid}.key{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-height:68px;box-shadow:0 2px 0 var(--line);font-size:27px;font-weight:800}.key:active{background:var(--primary-soft);box-shadow:none;transform:translateY(2px)}.key:disabled{opacity:.4;box-shadow:none}.key-ok{color:#fff;background:var(--primary);border-color:var(--primary);font-size:20px;box-shadow:0 3px #2f6733}.key-fn{color:var(--muted);font-size:22px}.colgrid{--cell:minmax(34px, 1fr);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);font-variant-numeric:tabular-nums;padding:14px 12px;overflow-x:auto}.colgrid-row{grid-template-columns:28px repeat(var(--cols), var(--cell));align-items:center;display:grid}.colgrid-underline{border-bottom:3px solid var(--text);margin-bottom:2px;padding-bottom:2px}.colgrid-sign{color:var(--muted);text-align:center;font-size:24px;font-weight:800}.colgrid-cell{text-align:center;height:46px;font-size:30px;font-weight:800;line-height:46px}.colgrid-blank{border-bottom:2px dashed var(--line);height:42px;margin-bottom:4px;line-height:42px}.colgrid-active .colgrid-cell{color:var(--primary)}.colgrid-active .colgrid-blank{border-bottom-color:var(--primary)}.colgrid-bad .colgrid-cell{color:var(--bad)}.colgrid-bad .colgrid-blank{border-bottom-color:var(--bad)}.colgrid-memorow{margin-bottom:2px}.memo-cell{height:30px;color:var(--honey);background:0 0;border:1px dashed #0000;border-radius:6px;padding:0;font-size:16px;font-weight:800}.memo-cell:active,.memo-on{border-color:var(--honey);background:#fff7e6}.loot{margin:0;padding:0;font-size:16px;list-style:none}.loot li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.loot li:last-child{border-bottom:none}.loot strong{color:var(--honey);margin-left:auto;font-size:19px;font-weight:800}.loot-icon{font-size:22px}.answers{font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:15px;list-style:none}.answers li{border-bottom:1px solid var(--line);padding:6px 0}.answers li.bad{color:var(--bad)}.wrote{font-size:13px}.ms{float:right;color:var(--muted);font-size:13px}.input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:52px;color:var(--text);background:#fff;padding:0 14px;font-size:18px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{background:var(--card);border:1px solid var(--line);min-height:42px;color:var(--muted);border-radius:10px;padding:0 14px;font-size:14px;font-weight:700}.tab-on{color:#fff;background:var(--primary);border-color:var(--primary)}.board{font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.board li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.board li.me{color:var(--primary);font-weight:800}.rank{min-width:28px;color:var(--muted)}.board li.me .rank{color:var(--primary)}.who{flex:1}.score{color:var(--muted)}.board li.me .score{color:var(--primary)}.art-slot{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.art-preview{background:var(--bg);border:1px dashed var(--line);border-radius:12px;flex:none;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.art-preview img{object-fit:contain;width:100%;height:100%}.art-slot-info{flex:1;min-width:180px}.drawpad{flex-direction:column;gap:10px;display:flex}.drawpad-canvas{aspect-ratio:1;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);touch-action:none;cursor:crosshair;width:100%;max-width:420px;margin:0 auto}.drawpad-colors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.swatch{border:2px solid var(--line);border-radius:50%;width:44px;height:44px;padding:0}.swatch-on{border-color:var(--text);border-width:4px}.drawpad-tools{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tool{min-height:44px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:14px;font-weight:700}.tool-on{color:#fff;background:var(--soil);border-color:var(--soil)}.tool:disabled{opacity:.4}