.col-wrapper{max-width:1200px;padding:20px;background:rgba(255,255,255,.55)}.col-wrapper.col-playing{max-width:100%;border-radius:0;padding:0;min-height:100dvh;height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center}.col-select-screen{width:100%}.col-selector-title{font-size:1.8rem;color:#6b3f2b;letter-spacing:1px;text-shadow:2px 2px 0 #fbc69b;margin-bottom:20px}.col-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:18px;margin-bottom:24px}.col-thumb-card{background:#fff9f2;border:4px solid transparent;border-radius:24px;padding:18px 10px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(0,0,0,.1);transition:transform .15s,box-shadow .15s,border-color .15s;font-family:inherit}.col-thumb-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(255,120,50,.25);border-color:#ff8a5c}.col-thumb-card:focus-visible{outline:3px solid #ff8a5c;outline-offset:2px}.col-thumb-emoji{font-size:3.2rem}.col-thumb-name{font-size:1.05rem;font-weight:700;color:#6b3f2b}.col-select-footer{display:flex;flex-direction:column;align-items:center;gap:14px}.col-lang-row{display:flex;gap:10px;justify-content:center}.col-toolbar .col-lang-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.col-lang-btn{border:4px solid transparent;border-radius:60px;padding:8px 18px;font-size:1.05rem;font-weight:700;cursor:pointer;background:#f0e6d8;color:#6b3f2b;box-shadow:0 4px 0 #c4b5a0;transition:.1s linear;font-family:inherit;white-space:nowrap}.col-toolbar .col-lang-btn{padding:8px 4px;font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-lang-btn:active{transform:translateY(4px);box-shadow:none}.col-lang-btn.active{border-color:#ff8a5c;background:#ffe3d0}.col-lang-btn:focus-visible{outline:3px solid #ff8a5c;outline-offset:2px}.col-play-screen{width:100%;height:100dvh;display:flex;flex-direction:column;padding:10px;gap:10px;box-sizing:border-box}.col-header{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 4px}.col-header .btn-game{padding:10px 18px;font-size:1rem}.col-header-title{font-size:1.2rem;font-weight:700;color:#6b3f2b;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,24vw,260px);grid-template-rows:1fr;gap:12px}.col-canvas-area{position:relative;min-height:0;border-radius:20px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.15);border:3px solid #ffd9b0;background:#ffffff;touch-action:none;overscroll-behavior:contain}.col-canvas-wrap,.col-layer{position:absolute;inset:0}.col-layer{width:100%;height:100%;touch-action:none}.col-bg{z-index:1;pointer-events:none}.col-lineart{z-index:3;pointer-events:none}.col-canvas-area canvas:nth-of-type(2){z-index:2;cursor:crosshair}.col-canvas-area.is-eraser-mode canvas:nth-of-type(2){cursor:not-allowed}.col-side{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:14px;background:rgba(255,255,255,.65);border-radius:20px;box-shadow:0 6px 24px rgba(0,0,0,.12);touch-action:pan-y}.col-side-divider{height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#f4c9a0,transparent);flex-shrink:0}.col-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;touch-action:pan-y}.col-swatch{aspect-ratio:1/1;border:3px solid transparent;border-radius:16px;cursor:pointer;min-width:36px;min-height:36px;box-shadow:0 3px 8px rgba(0,0,0,.15);transition:transform .1s,border-color .1s;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;color:rgba(0,0,0,.45);font-family:inherit}.col-swatch.active,.col-swatch:hover{transform:scale(1.08)}.col-swatch.active{border-color:#6b3f2b;box-shadow:0 0 0 3px rgba(107,63,43,.25),0 3px 8px rgba(0,0,0,.15)}.col-swatch:focus-visible{outline:3px solid #ff8a5c;outline-offset:2px}.col-swatch-check{color:#22223b;font-size:1.3rem;text-shadow:0 0 2px #fff}.col-brush-controls{display:flex;flex-direction:column;gap:8px;touch-action:pan-y}.col-brush-section{display:flex;justify-content:center;gap:8px}.col-ctl,.col-size-btn,.col-tool-btn{border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(0,0,0,.2);transition:transform .08s,box-shadow .08s,background .08s;font-size:1.3rem;font-family:inherit;min-height:52px;min-width:0}.col-tool-btn{background:#f0e6d8;color:#6b3f2b;flex:1}.col-ctl:active,.col-size-btn:active,.col-tool-btn:active{transform:translateY(4px);box-shadow:0 0 0 rgba(0,0,0,.2)}.col-tool-btn.active{background:#ffe3d0;box-shadow:inset 0 0 0 3px #ff8a5c,0 4px 0 rgba(0,0,0,.2)}.col-ctl:focus-visible,.col-size-btn:focus-visible,.col-tool-btn:focus-visible{outline:3px solid #ff8a5c;outline-offset:2px}.col-size-btn{background:#f0e6d8;color:#6b3f2b;flex:1}.col-size-btn.active{background:#ffe3d0;box-shadow:inset 0 0 0 3px #ff8a5c,0 4px 0 rgba(0,0,0,.2)}.col-size-dot{display:block;border-radius:50%;background:#6b3f2b}.col-toolbar{display:flex;flex-direction:column;gap:10px;min-width:0;touch-action:pan-y}.col-toolbar-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-width:0}.col-ctl{background:#f0e6d8;color:#6b3f2b}.col-ctl.danger{background:#ffb0a5;color:#7d2b1f}.col-ctl.music{background:#bde0fe;color:#1d3557}.col-music-ctl{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;touch-action:manipulation}.col-ctl.music-nav{background:#d7e7ff;color:#2b4a6f;min-width:0;padding:0 10px}.col-music-name{display:none;font-size:.85rem;font-weight:700;color:#37546e;background:rgba(240,246,255,.9);border-radius:30px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.col-ctl.music.playing{animation:col-music-pulse 2.4s ease-in-out infinite}@keyframes col-music-pulse{0%,to{box-shadow:0 4px 0 rgba(0,0,0,.2),0 0 0 0 rgba(61,116,167,.55)}50%{box-shadow:0 4px 0 rgba(0,0,0,.2),0 0 0 9px rgba(61,116,167,0)}}.col-music-ctl.select{min-height:56px;font-size:1.3rem}.col-music-ctl.select .col-ctl{min-height:56px;border-radius:22px;font-size:1.5rem}.col-music-ctl.select .col-ctl.music-nav{padding:0 16px}.col-music-ctl.select .col-music-name{display:inline-block;font-size:1rem;max-width:160px}.col-ctl.save{background:#a7c957;color:#3b5007}.col-ctl:disabled{opacity:.45;cursor:default;transform:none;box-shadow:0 4px 0 rgba(0,0,0,.2)}.col-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;justify-content:center;align-items:center;z-index:999;backdrop-filter:blur(3px)}.col-modal{background:#fff9f2;border-radius:40px;padding:36px 30px 30px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:popUp .4s cubic-bezier(.34,1.56,.64,1)}.col-modal h2{font-size:2rem;color:#b4512b;margin-bottom:8px}.col-modal p{font-size:1.1rem;color:#6b3f2b;margin-bottom:22px;line-height:1.4}.col-modal .btn-row{gap:10px}.btn-game.full-width{flex:1;padding:14px 20px}.col-saved-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2a9d32;color:#fff;padding:14px 24px;border-radius:40px;font-size:1.05rem;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:1000;animation:popUp .3s cubic-bezier(.34,1.56,.64,1)}.col-landscape-warning{position:fixed;inset:0;background:rgba(255,255,255,.96);display:flex;justify-content:center;align-items:center;z-index:2000}.col-lw-box{text-align:center;padding:24px}.col-lw-icon{font-size:4rem;margin-bottom:12px;animation:col-rotate 1.2s ease-in-out infinite}@keyframes col-rotate{0%,to{transform:rotate(0deg)}50%{transform:rotate(90deg)}}.col-lw-title{font-size:1.8rem;color:#6b3f2b;font-weight:700}.col-lw-sub{font-size:1.1rem;color:#8f5e3c;margin-top:6px}.col-reenter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(40,20,5,.35);backdrop-filter:blur(2px);z-index:500;padding:20px}.col-reenter-overlay .btn-game{max-width:360px;width:100%;font-size:1.3rem;padding:16px 22px;animation:colReenterPop .35s cubic-bezier(.34,1.56,.64,1)}.col-reenter-skip{border:none;background:rgba(255,255,255,.85);color:#6b3f2b;border-radius:40px;padding:8px 20px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit}.col-reenter-skip:focus-visible{outline:3px solid #ff8a5c;outline-offset:2px}@keyframes colReenterPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.col-wrapper.col-fullscreen.col-playing{padding:0}@media (max-width:840px){.col-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px;overflow:hidden}.col-side{flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:10px;overflow-x:hidden;max-height:46dvh;padding:10px;min-width:0;width:100%;box-sizing:border-box}.col-side>*{min-width:0;max-width:100%}.col-palette{grid-template-columns:repeat(8,1fr);gap:6px;width:100%;flex-shrink:0}.col-swatch{min-width:0;min-height:0;aspect-ratio:1/1}.col-brush-controls{display:flex;flex-direction:row;align-items:center;gap:12px;flex:1 1 auto;min-width:0;width:100%}.col-brush-section{gap:8px;flex:1;min-width:0}.col-brush-section.sizes{flex:1.4}.col-size-btn,.col-tool-btn{min-width:0;width:100%}.col-size-btn{flex:1}.col-toolbar{gap:8px;flex:1 1 auto;min-width:0;width:100%}.col-toolbar-row{grid-template-columns:repeat(4,1fr);gap:6px}.col-ctl,.col-toolbar-row{min-width:0;width:100%}.col-side-divider{width:100%;height:2px;flex-shrink:0;margin:2px 0}.col-header-title{font-size:1rem}}@media (max-width:600px){.col-side{max-height:42dvh}.col-size-btn,.col-tool-btn{min-height:44px}.col-header .btn-game{padding:8px 12px;font-size:.9rem}.col-header{gap:8px}}