/* Early Snake handsets: transparent photographic surrounds, one continuous LCD.
   All coordinates refer to the full 1122 x 1402 source image. */
:is(.ums-fullscreen,.ums-embedded)[data-ums-skin=nokia6110]{
 --ums-surround:url('nokia-6110-surround.png');
 --ums-score-y:25.1%;--ums-board-y:31%;--ums-board-h:34.2%;
 --ums-key-x:12%;--ums-key-y:75%;--ums-key-w:26%;--ums-key-h:14%;
 --ums-key-colour:#f2f4ee;--ums-key-radius:25%;--ums-key-size:3.4cqw;
 --ums-key-padding:0 3% 15% 21%;
}
:is(.ums-fullscreen,.ums-embedded)[data-ums-skin=nokia5110]{
 --ums-surround:url('nokia-5110-surround.png');
 --ums-score-y:23.1%;--ums-board-y:30%;--ums-board-h:35.2%;
 --ums-key-x:33%;--ums-key-y:77.5%;--ums-key-w:34%;--ums-key-h:18%;
 --ums-key-colour:#26383c;--ums-key-radius:22%;--ums-key-size:3.8cqw;
 --ums-key-padding:0 4% 23%;
}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-handset{position:relative;isolation:isolate;aspect-ratio:1122/1402;container-type:inline-size;padding:0;border:0;border-radius:4px;overflow:hidden;background:none;box-shadow:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-handset::before{content:"";position:absolute;z-index:0;left:7%;top:20%;width:86%;height:49%;border-radius:8%;background:#a7b77b;pointer-events:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-handset::after{content:"";position:absolute;z-index:1;inset:0;background:var(--ums-surround) center/100% 100% no-repeat;pointer-events:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-phone-face{position:absolute;z-index:2;inset:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-phone-crown{display:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-lcd{position:absolute;inset:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#20300f}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-scoreboard{position:absolute;left:13%;top:var(--ums-score-y);width:74%;height:4.5%;margin:0;padding:0;border:0;background:transparent;align-items:center;gap:4px;color:#142400}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-scoreboard span{display:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-scoreboard strong{font:900 5.5cqw/1 ui-monospace,'Courier New',monospace;letter-spacing:.5px}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-scoreboard>div:last-child{display:flex;align-items:baseline;gap:4px;opacity:.8}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-scoreboard>div:last-child strong{font-size:clamp(10px,3cqw,20px);letter-spacing:0}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-scoreboard>div:last-child span{display:block;font-size:0;letter-spacing:0}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-scoreboard>div:last-child span::before{content:"BEST";font-size:clamp(7px,1.7cqw,12px)}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-board-wrap{position:absolute;left:13%;top:var(--ums-board-y);width:74%;height:var(--ums-board-h);aspect-ratio:auto;border:0;outline:2px solid #2b3b18;background:#a7b77b;box-shadow:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-overlay{background:#a7b77be8;padding:8px;gap:6px;color:#20300f}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-overlay strong{font:900 4.6cqw/1.1 ui-monospace,'Courier New',monospace;max-width:90%}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-overlay span{display:block;font-size:clamp(10px,2.8cqw,18px);line-height:1.3;max-width:90%}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-screen-footer{display:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-phone-chin{position:absolute;left:var(--ums-key-x);top:var(--ums-key-y);width:var(--ums-key-w);height:var(--ums-key-h);display:block}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-phone-key{display:block;width:100%;max-width:none;height:100%;min-height:0;padding:var(--ums-key-padding);border:0;border-radius:var(--ums-key-radius);background:transparent;box-shadow:none;color:var(--ums-key-colour);font-size:var(--ums-key-size);line-height:1.15;letter-spacing:0}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-phone-key::after{display:none}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-phone-key:hover{background:#ffffff0c}
:is(.ums-fullscreen,.ums-embedded):is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-phone-key:active{transform:none;background:#24354b12}
@media(orientation:landscape) and (max-height:430px){.ums-fullscreen:is([data-ums-skin=nokia6110],[data-ums-skin=nokia5110]) .ums-overlay span{display:none}}

/* A short label leaves the 6110 softkey's blue stroke unobscured. */
:is(.ums-fullscreen,.ums-embedded)[data-ums-skin=nokia6110] .ums-phone-key{font-size:0}
:is(.ums-fullscreen,.ums-embedded)[data-ums-skin=nokia6110] .ums-phone-key::before{content:attr(data-ums-key-label);font-size:var(--ums-key-size);font-weight:700}