.snake-game.red-drop-root{--drop-bg:#071210;--drop-bg-soft:#0a1d19;--drop-panel:#081815eb;--drop-panel-solid:#091b17;--drop-line:#66e0c23d;--drop-line-strong:#66e0c294;--drop-cyan:#72e5c7;--drop-cyan-dim:#328c78;--drop-orange:#f36e65;--drop-orange-bright:#ff9b8f;--drop-ink:#effff9;--drop-muted:#7f9f95;background:radial-gradient(circle at 78% -8%,#51dab826,transparent 34rem),radial-gradient(circle at -5% 52%,#f36e651c,transparent 32rem),var(--drop-bg)}.snake-game .red-drop-atmosphere{background-image:linear-gradient(#72e5c709 1px,#0000 1px),linear-gradient(90deg,#72e5c709 1px,#0000 1px),radial-gradient(#ffffff24 .65px,#0000 .8px)}.snake-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.snake-game .red-drop-progress .red-drop-metric:last-child strong{color:var(--drop-orange-bright);font-size:clamp(15px,1.55vw,21px)}.snake-workbench{grid-template-columns:1fr}.snake-field-column{min-width:0;position:relative;top:auto}.snake-board-stage{width:min(100%,820px);margin-inline:auto}.snake-board{--snake-board-gap:clamp(1px,.12vw,2px);--snake-board-padding:clamp(6px,.8vw,10px);box-sizing:border-box;padding:var(--snake-board-padding);contain:layout paint;background:linear-gradient(#8291a005,#8291a005),#0b0f13;border-color:#72e5c775;display:block;position:relative;overflow:hidden}.snake-board-grid,.snake-placement-layer{inset:var(--snake-board-padding);grid-template-columns:repeat(var(--snake-cols),minmax(0,1fr));grid-template-rows:repeat(var(--snake-rows),minmax(0,1fr));gap:var(--snake-board-gap);display:grid;position:absolute}.snake-board-grid{z-index:1}.snake-placement-layer{z-index:4;pointer-events:none}.snake-cell{z-index:1;background:linear-gradient(145deg,#1d2329fc,#11161bfc);border:1px solid #84919c42;border-radius:clamp(1px,.18vw,3px);place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #7382910e}.snake-cell:after{content:"";border-top:1px solid #cdd6de1a;border-left:1px solid #cdd6de1a;width:24%;height:24%;position:absolute;top:12%;left:12%}.snake-cell[data-cell-type=obstacle]{background:repeating-linear-gradient(135deg,#ff7e741f 0 4px,#0000 4px 8px),linear-gradient(145deg,#973130fa,#5e1d1ffa);border-color:#ff776ec2;box-shadow:inset 0 0 0 1px #ffbbb514,inset 0 -8px 14px #3e090d47}.snake-obstacle-mark{opacity:.58;width:48%;height:48%;position:absolute}.snake-obstacle-mark:before,.snake-obstacle-mark:after{content:"";background:#ffdcd7b8;width:100%;height:1px;position:absolute;top:50%;left:0}.snake-obstacle-mark:before{transform:rotate(45deg)}.snake-obstacle-mark:after{transform:rotate(-45deg)}.snake-cell[data-cell-type=start],.snake-cell[data-cell-type=end]{z-index:2;color:#fff0c9;background:linear-gradient(145deg,#277e66fa,#124c3efa);border-color:#277e66fa;font-weight:900;box-shadow:inset 0 0 0 1px #ffdea61a,inset 0 -9px 14px #2116083d}.snake-cell[data-cell-type=start] svg,.snake-cell[data-cell-type=end] svg{width:42%;height:42%}.snake-cell[data-cell-type=start]>span,.snake-cell[data-cell-type=end]>span{font-size:clamp(6px,.72vw,10px);line-height:1;position:absolute;bottom:5%;right:8%}.snake-placed-item{pointer-events:auto;cursor:grab;touch-action:none;contain:paint;background:linear-gradient(145deg,#277e66fa,#124c3efa);border:1px solid #277e66fa;border-radius:clamp(1px,.18vw,3px);place-items:center;min-width:0;min-height:0;padding:clamp(2px,.35vw,5px);transition:opacity .1s,background .1s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #277e66fa,inset 0 -10px 16px #124c3efa}.snake-placed-item:active{cursor:grabbing}.snake-placed-item:hover{background:linear-gradient(145deg,#277e66fa,#124c3efa);border-color:#9dc2dcf5}.snake-board[data-move-disabled=true] .snake-placed-item{pointer-events:none;cursor:default}.snake-placed-item[data-dragging=true]{opacity:.12;pointer-events:none}.snake-placed-item img{object-fit:contain;object-position:center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.snake-placement-order{z-index:2;aspect-ratio:1;color:#eef7fd;width:clamp(14px,1.45vw,22px);font-family:"DIN",var(--font-product-mono),monospace;background:#182a39eb;border:1px solid #bed8ecb3;border-radius:50%;place-items:center;font-size:clamp(7px,.75vw,10px);display:grid;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #00000057}.snake-placement-fallback{aspect-ratio:1;color:#edf7fd;background:#1d3140db;border:1px solid #bed8ec85;place-items:center;width:52%;max-width:44px;font-size:clamp(8px,1.5vw,18px);font-weight:900;display:grid}.snake-board-result{color:#cffff0;background:#16705638;border-color:#60e7be9e;box-shadow:inset 3px 0 #72e5c7,0 0 24px #57e4bb1f}.snake-board-result span{color:#83b9a9}.snake-rules li>span{color:var(--drop-orange-bright)}.snake-game .snake-field-column>.red-drop-field-heading{gap:14px;min-height:0;margin:-14px 0 0}.snake-game .snake-field-column>.red-drop-field-heading>div:first-child{min-width:0}.snake-game .snake-field-column>.red-drop-field-heading .red-drop-kicker{line-height:1}.snake-game .snake-field-column>.red-drop-field-heading h2{margin:5px 0 0;font-size:clamp(18px,1.35vw,24px);line-height:1.15}.snake-game .snake-field-column>.red-drop-field-heading p{margin:6px 0 0;font-size:clamp(11px,.85vw,13px);line-height:1.45}.snake-game .snake-field-column>.red-drop-field-heading>.red-drop-icon-button{width:40px;min-width:40px;height:40px}.snake-game .snake-field-column .snake-board-stage{margin-top:8px;margin-bottom:8px}.snake-game .snake-field-column[data-preset=simple] .snake-board-stage,.snake-game .snake-field-column[data-preset=hard] .snake-board-stage,.snake-game .snake-field-column[data-preset=torment] .snake-board-stage{width:min(100%,550px)}.snake-game .snake-field-column[data-preset=qixi] .snake-board-stage{width:min(100%,1000px)}.snake-game .snake-field-column>.red-drop-field-footer{gap:12px;min-height:0;padding:8px 14px}.snake-game .snake-field-column>.red-drop-field-footer span{gap:6px;font-size:11px;line-height:1.2}.snake-game .snake-field-column>.red-drop-field-footer svg{width:15px;height:15px}.snake-game .snake-item-console{box-sizing:border-box;min-width:0}.snake-game .snake-item-console input[type=search],.snake-game .snake-item-console input[type=text]{height:36px;min-height:36px;padding-top:0;padding-bottom:0;font-size:12px;line-height:36px}.snake-game .snake-item-console :is(.red-drop-console-header,.red-drop-bank-header,.red-drop-item-bank-header,.red-drop-panel-header){min-height:0;padding-top:12px;padding-bottom:10px}.snake-game .snake-item-console :is(.red-drop-console-header,.red-drop-bank-header,.red-drop-item-bank-header,.red-drop-panel-header) h2{margin:4px 0 0;font-size:19px;line-height:1.15}.snake-game .snake-item-console :is(.red-drop-search,.red-drop-bank-search,.red-drop-item-search,.red-drop-search-box){min-height:36px;margin-top:8px}:is(.snake-game .snake-item-console form:has(input),.snake-game .snake-item-console label:has(input)){margin-top:8px;margin-bottom:0}.snake-game .snake-item-console :is([class*=item-grid],[class*=items-grid],[class*=bank-grid],[class*=item-list],[class*=bank-list]){max-height:none!important}.snake-drag-ghost.red-drop-drag-ghost[data-on-board=true][data-valid=true]{--red-drop-ghost-color:#99c2dffa;--red-drop-ghost-fill:#43698447}.snake-fast-preview{z-index:2147483000;box-sizing:border-box;pointer-events:none;will-change:transform;contain:strict;background:#43688357;border:2px solid #97c1dff5;border-radius:3px;position:fixed;top:0;left:0;box-shadow:inset 0 0 0 1px #cde2f01a}.snake-fast-preview[data-valid=false]{background:#c12b3161;border-color:#ff5b5bfa;box-shadow:inset 0 0 0 1px #ffb8b81f}.snake-game .snake-board[data-fast-lite=true] .snake-placed-item{outline-offset:-1px;background:#263e50e6;border-color:#7da4c1d1;outline:1px solid #c1d8e91a}.snake-game .snake-board[data-fast-lite=true] .snake-placed-item img,.snake-game .snake-board[data-fast-lite=true] .snake-placement-fallback{visibility:hidden!important}.snake-game .snake-board[data-fast-lite=true] .snake-placement-order{box-shadow:none}.snake-game .snake-drag-ghost{pointer-events:none;will-change:translate;contain:layout paint style}@media (min-width:980px){.snake-game .red-drop-main{padding-top:14px;padding-bottom:18px}.snake-game .red-drop-topbar{margin-bottom:12px}.snake-game .snake-workbench{grid-template-columns:minmax(0,1fr) 400px;align-items:stretch;gap:16px;height:auto;min-height:0;display:grid;overflow:visible}.snake-game .snake-field-column{flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.snake-game .snake-field-column>.red-drop-field-heading,.snake-game .snake-field-column>.snake-board-stage,.snake-game .snake-field-column>.red-drop-field-footer{flex:none}.snake-game .snake-field-column>.snake-board-stage{align-self:center;max-width:100%;margin:8px auto}.snake-game .snake-field-column>.red-drop-field-footer{z-index:2;margin-top:8px;position:relative}.snake-game .snake-workbench>.snake-item-console{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:auto;contain:size layout paint;align-self:stretch;height:auto;min-height:0;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden auto!important}.snake-game .snake-workbench>.snake-item-console>*{min-width:0;max-width:100%}.snake-game .snake-rules{margin-top:16px}}@media (max-width:979px){.snake-fast-preview{box-shadow:none}.snake-game .snake-workbench{grid-template-columns:1fr}.snake-game .snake-field-column[data-preset=simple] .snake-board-stage,.snake-game .snake-field-column[data-preset=hard] .snake-board-stage,.snake-game .snake-field-column[data-preset=torment] .snake-board-stage{width:min(100%,550px)}.snake-game .snake-field-column[data-preset=qixi] .snake-board-stage{width:min(100%,760px)}.snake-game .snake-item-console{width:100%;min-width:0;max-width:none}}@media (max-width:760px){.snake-presets.red-drop-presets{grid-template-columns:repeat(2,minmax(92px,1fr))}.snake-game .red-drop-progress .red-drop-metric:last-child strong{font-size:13px}.snake-game .snake-field-column>.red-drop-field-heading{padding:12px 12px 10px}.snake-game .snake-field-column[data-preset] .snake-board-stage{width:100%}.snake-game .snake-board{--snake-board-gap:1px;--snake-board-padding:5px}.snake-game .snake-placement-order{top:2px;left:2px}.snake-game .snake-field-column>.red-drop-field-footer{padding:8px 10px}.snake-game .snake-rules ol{grid-template-columns:1fr}.snake-game input,.snake-game textarea,.snake-game select{font-size:16px!important}}@media (max-width:430px){.snake-game .snake-cell[data-cell-type=start]>span,.snake-game .snake-cell[data-cell-type=end]>span{display:none}.snake-game .snake-placement-order{width:13px;font-size:7px}}